--- title: Best developer posts — December 2021 | daily.dev description: The most upvoted daily.dev posts from December 2021, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2021/12 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2021/12 og:type: website og:site_name: daily.dev og:title: Best developer posts — December 2021 | daily.dev og:description: The most upvoted daily.dev posts from December 2021, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of daily.dev — December 2021 1. 1 [](https://daily.dev/posts/new-sidebar---xy--p5tn "New sidebar 🔥") Article daily.dev Changelog · 5y New sidebar 🔥 daily.dev is introducing a completely re-designed sidebar for daily.dev. With the new sidebar, you can reach almost every part of the app in one click. We've invested a lot of time and effort into this new layout and we're sure you'll love it. 1.1K 178 2. 2 [](https://daily.dev/posts/frontend-interview-cheatsheet-that-helped-me-get-offers-from-amazon-linkedin-mkrzeakvl "🔥 Frontend Interview Cheatsheet That Helped Me Get Offers From Amazon & LinkedIn") Article ITNEXT · 5y 🔥 Frontend Interview Cheatsheet That Helped Me Get Offers From Amazon & LinkedIn Vitalii Shevchuk: Frontend Interview Cheatsheet That Helped Me Get Offers From Amazon & LinkedIn. If you are preparing for a frontend interview and want to quickly refresh your frontend domain knowledge, this cheatsheet will save you a lot of time. Enjoy reading, and feel free to dive deeper by clicking the topic link. 322 7 3. 3 [](https://daily.dev/posts/tailwind-css-v3-0-tailwind-css-knchiuxts "Tailwind CSS v3.0 – Tailwind CSS") Article Hacker News · 5y Tailwind CSS v3.0 – Tailwind CSS Tailwind CSS v3.0 is here, bringing incredible performance gains, huge workflow improvements, and a seriously ridiculous number of new features. Every color out of the box, including all of the extended palette colors like cyan, rose, fuchsia, and lime, and fifty shades of grey gray. Colored box shadows for fun glow and reflection effects, and more natural shadows on colored backgrounds. 309 25 4. 4 [](https://daily.dev/posts/learn-in-1-hour-design-patterns-2n-cekp7u "Learn in 1 Hour: Design Patterns") Article JetBrains · 5y Learn in 1 Hour: Design Patterns This week's Hour of Code is about design patterns. Design patterns are reusable templates for commonly occurring problems in software design. At JetBrains Academy, you can get an introduction to design patterns and learn five types of the most common creational patterns. Click the links below to open the educational topics that will allow you to not only read a detailed theory about a specific design pattern but also apply your skills straight to practice. 248 7 5. 5 [](https://daily.dev/posts/how-to-hack-any-website-7pldm9aa9 "How To Hack Any Website") Article System Weakness · 5y How To Hack Any Website Niveet Palan explains how to hack any website. He covers Subdomain enumeration, Authentication bypasses, IDOR vulnerability, File Inclusion, SSRF, Cross-site Scripting, Command Injection. This is the third and final installment to this series. 242 9 6. 6 [](https://daily.dev/posts/using-notion-to-organise-programming-topics-zatwt0etq "Using Notion to organise programming topics") Article Hashnode · 5y Using Notion to organise programming topics Commonplace books (or commonplaces) are a way to compile knowledge, usually by writing information into books. Commonplaces are used by readers, writers, students, and scholars as an aid for remembering useful concepts or facts. Notion is my preferred tool to implement a commonplace book for code related knowledge. 229 21 7. 7 [](https://daily.dev/posts/react-architecture-patterns-for-your-projects-uo-kqfo5f "React Architecture Patterns for Your Projects") Article asayer · 5y React Architecture Patterns for Your Projects React is an un-opinionated framework in the front-end ecosystem. Its versatile nature does not provide a way to organize and structure a web application. An organized codebase is how a team of developers gets productive within the given structure. In this article, let’s look at some of the ways to keep the lifecycle of a React application healthy and well organized. 217 7 8. 8 [](https://daily.dev/posts/http-3-is-fast-chh2lo3d1 "HTTP/3 is Fast") Article Hacker News · 5y HTTP/3 is Fast HTTP/3 is a new version of the HTTP protocol. It uses a new protocol called QUIC. QUIC is meant to address the head-of-line blocking issues with HTTP/2\. The benchmarks show that the new protocol is much faster than the old one. 202 13 9. 9 [](https://daily.dev/posts/how-javascript-works-behind-the-scenes--gbwe8g4v6 "How JavaScript Works behind the scenes?") Article Dev Genius · 5y How JavaScript Works behind the scenes? How JavaScript Works behind the scenes? An overview walk-through of all the core components that are involved in the execution of JavaScript code. The Call Stack Concurrency and Event Loop. What happens when you have function calls in the Call Stack that take a huge amount of time to be processed in the browser. 180 22 10. 10 [](https://daily.dev/posts/learn-responsive-web-design-by-building-20-projects-a-major-freecodecamp-curriculum-update-9ot-2xnrh "Learn Responsive Web Design by Building 20 Projects – a Major freeCodeCamp Curriculum Update") Article freeCodeCamp · 5y Learn Responsive Web Design by Building 20 Projects – a Major freeCodeCamp Curriculum Update The Responsive Web Design Certification is the first of freeCodeCamp's 10 currently-live certifications. Instead of coding lessons, you'll learn concepts and syntax through a series of 15 practice projects + 5 certification projects. The full certification will take most web development beginners around 300 hours to complete. 178 8 11. 11 [](https://daily.dev/posts/markdown-support--shksho0z7 "Markdown support 🌈") Article daily.dev Changelog · 5y Markdown support 🌈 We are supporting markdown! A new era for daily.dev discussions is just around the corner. We can't wait to see how you unleash your creativity. We got so excited that we made a changelog post in our markdown-supported comments. We're looking forward to hearing from you. 162 40 12. 12 [](https://daily.dev/posts/25-must-visit-killer-websites-for-developers--x-vchrud "25 Must-Visit Killer Websites For Developers") Article Hashnode · 5y 25 Must-Visit Killer Websites For Developers There are so many websites to make the work of developers easier. In this article, we will see 25 Must-Visit Killer Websites For Developers. DevDocs brings together numerous API documentation in a single, searchable interface. Code Beautify makes your source code more beautiful and easy to read. 156 11 13. 13 [](https://daily.dev/posts/how-khan-academy-rewrote-their-backend-rit9boj3k "How Khan Academy Rewrote their Backend") Article Quastor Daily · 5y How Khan Academy Rewrote their Backend Khan Academy recently went through a massive rewrite of their old Python 2 monolith with a services-oriented backend written in Go. We’ll be summarizing the technical choices, execution and results of the rewrite. Plus, a couple awesome tech snippets on How Etsy built their bidding system for Etsy Ads and how Databricks uses Scala at Scale. 155 6 14. 14 [](https://daily.dev/posts/defensive-css-tmz6xi81r "Defensive CSS") Article Hacker News · 5y Defensive CSS Defensive CSS is a collection of snippets that can help you in writing CSS that is protected. Oftentimes, we wish that there was a way to avoid a certain CSS issue or behaviors from happening. This is built upon an article I wrote a while back called “The just in case mindset” 156 8 15. 15 [](https://daily.dev/posts/the-6-best-hacker-movies-to-watch-this-year--xodpqebi "The 6 Best Hacker Movies To Watch This Year") Article Honeypot · 5y The 6 Best Hacker Movies To Watch This Year In most films, hackers are mysteriously bright subjects who can move pieces of a computer jigsaw and create consequences at will. In 2014, a group of hackers accessed Sony’s computer systems and leaked several unreleased films. To stop the hackers, Sony shelve “the movie of terrorism of terrorism” The Interview. 151 18 16. 16 [](https://daily.dev/posts/top-7-highest-paid-programming-languages-2021-gev3cbrlh "Top 7 Highest Paid Programming Languages 2021") Article Honeypot · 5y Top 7 Highest Paid Programming Languages 2021 According to analysts, there are more than 250 different programming languages ​​in the world. You can easily miscalculate and choose an unpopular or impractical programming language. In this short article, I'm going to run through the top 7 programming languages that you can learn for a high-paying job. 149 14 17. 17 [](https://daily.dev/posts/gaphor-open-source-graphical-modeling-tool-qiu-2komr "Gaphor: Open Source Graphical Modeling Tool") Article It's Foss · 5y Gaphor: Open Source Graphical Modeling Tool Gaphor is a free and open source modeling application with support for various modeling languages such as UML, SysML, RAAML and C4\. It is a cross-platform tool and available to install on Linux, Windows and macOS. You can export your diagrams in PDF, PNG, SVG and XML formats. 142 5 18. 18 [](https://daily.dev/posts/git-commands-you-must-know-xabcrjuwd "Git commands you must know") Article Towards Dev · 5y Git commands you must know Git is a very important tool for any developer. Here is a rundown of 13 important git commands to better manage your workflow. There are many more commands available that you can find here, but these are the most useful and frequently used ones and they will definitely speed up your coding process. 141 11 19. 19 [](https://daily.dev/posts/8-mistakes-every-amateur-programmers-make-8jlq4awr1 "8 Mistakes Every Amateur Programmers Make") Article freeCodeCamp · 5y 8 Mistakes Every Amateur Programmers Make As programmers, we will inevitably make mistakes. Even the most accomplished specialists make them. But you'll become a better programmer faster if you don't make the same mistakes over and over. In this article, I'll discuss some of the mistakes you might be making when you're coding day-to-day. 136 18 20. 20 [](https://daily.dev/posts/github-wrapped---your-year-in-code-46ohwubgv "GitHub Wrapped - Your year in code") Article Product Hunt · 5y GitHub Wrapped - Your year in code You coded a lot in 2021 - commits, pull requests, and reviews. Reflect on your year, the projects you contributed to, and the developers you supported. Share on Twitter or add to your personal Readme. Made by the team at Neat. Open source. 135 12 21. 21 [](https://daily.dev/posts/using-notion-to-organise-programming-topics-gbpup2kr6 "Using Notion to organise programming topics") Article DevDojo · 5y Using Notion to organise programming topics When it comes to software development, having a commonplace book is one of the best things we can do to keep track of things, and to help not forget concepts. Notion is my preferred tool to implement a commonplace books for code related knowledge. I divide my notes into the following parts:Core topics,Study and practice,App and business ideas, andSimplification. The note will be highlighted, and when I am looking for what I'm looking for I would be able to open it and see. 132 8 22. 22 [](https://daily.dev/posts/refactoring-nested-loops-in-js-6o5fot3d9 "Refactoring Nested Loops In JS") Article Towards Dev · 5y Refactoring Nested Loops In JS Most of the code in JS gets nested because of the various conditions one has to handle for the solution. Ternary operator is the best and most common way to replace your “if…else” statements. Switch case statement is not the best possible way to. replace nested ‘if-else’ statements but these can be used to reduce. duplicate code which is another common mistake ignored by developers. 124 4 23. 23 [](https://daily.dev/posts/web3-is-going-just-great-ewmofxu4b "Web3 is going just great") Article Hacker News · 5y Web3 is going just great function(e) {var n,i,a=t\[0\],c,t\[1\],l,l=t \[2\],s=0,p=\[\];s