--- title: Best developer posts — December 2020 | daily.dev description: The most upvoted daily.dev posts from December 2020, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2020/12 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2020/12 og:type: website og:site_name: daily.dev og:title: Best developer posts — December 2020 | daily.dev og:description: The most upvoted daily.dev posts from December 2020, 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 2020 1. 1 [](https://daily.dev/posts/50-free-tools-and-resources-you-re-gonna-love-part-2--ou7cbcbhv "50 free tools and resources you're gonna love (Part 2)") Article Hashnode · 6y 50 free tools and resources you're gonna love (Part 2) Free tools and resources you're gonna love. Part 2 of a two-part series on free software. The next part of the series will look at free software for developers. The second part will focus on software that is free for developers, including SaaS, PaaS and IaaS. 101 13 2. 2 [](https://daily.dev/posts/how-to-master-javascript-promises-and-async-await-in-20-minutes-675zf9bj7 "How to Master JavaScript Promises and Async/Await in 20 Minutes") Article freeCodeCamp · 6y How to Master JavaScript Promises and Async/Await in 20 Minutes .com. How to Learn JavaScript Promises and Async/Await in 20 Minutes by Thu Nghiem. Learn how to use Async and await in 20 minutes by watching this video. Watch this video to learn more about JavaScript promises and async/await. 81 7 3. 3 [](https://daily.dev/posts/9-useful-apps-for-developers-smfhp6fjq "9 Useful apps for Developers") Article Hashnode · 6y 9 Useful apps for Developers 77 5 4. 4 [](https://daily.dev/posts/11-beautiful-vs-code-themes-for-2021-z07teloyu "11 Beautiful VS Code Themes for 2021") Article Hashnode · 6y 11 Beautiful VS Code Themes for 2021 2021 is just a few weeks away, so what better time to switch things up?! I asked for community recommendations for new VS Code themes and was introduced to a lot of awesome new themes. So with that - Here are 11 amazing VS code themes to try for 2021.Disclaimer - Changing your VS Code theme will not make you a better developer. 76 3 5. 5 [](https://daily.dev/posts/a-better-way-to-structure-react-projects-pa5-ekmus "A Better Way to Structure React Projects") Article Hashnode · 6y A Better Way to Structure React Projects Atomic design is Brad Frost’s methodology for building design systems. The idea is that we can take the basic building blocks of living things and give our UI a hierarchical structure based on it. Atomic design is a framework that can help bridge the communication gap between development and design. It is important that developers understand it so they speak to designers in a unified language. 75 4 6. 6 [](https://daily.dev/posts/github-repositories-to-improve-your-programming-skills-mi7ab-oe9k "GitHub repositories to improve your programming skills") Article Hashnode · 6y GitHub repositories to improve your programming skills Freely available programming books. Coding Interview University. The Node.js best practices list. Clean Code JavaScript concepts adapted for JavaScript. Free For Dev offerings that have free tiers of interest to devops and infradev. A list of awesome beginners-friendly projects. 70 7 7. 7 [](https://daily.dev/posts/16-simple-tips-to-boost-your-productivity-x10-hhfqsdzf "16 Simple Tips to Boost Your Productivity x10") Article Hashnode · 6y 16 Simple Tips to Boost Your Productivity x10 These easy-to-follow tips will improve your output dramatically. Slice your time using blocks of time without interruptions (timeboxing) Find Homes for everything (real or virtual) and keep inboxes for things a couple of days. Automate repetitive tasks (never automate when DOING a task) 67 3 8. 8 [](https://daily.dev/posts/50-free-tools-and-resources-you-re-gonna-love-luqtx-ouz "50 free tools and resources you're gonna love") Article Hashnode · 6y 50 free tools and resources you're gonna love Free and open-source icons designed with attention to detail to make your design stand out. Remove bg.g.Remove Image Background: 100% automatically – in 5 seconds – without a single click – for free. Canva's drag-and-drop feature and layouts to design, share and print business cards. 64 8 9. 9 [](https://daily.dev/posts/react-server-components-jd-ux-fa4 "React Server Components") Article Addy Osmani · 6y React Server Components React Server Components aim to enable modern UX with a server-driven mental model. This is quite different to Server-side Rendering (SSR) of components and could result in significantly smaller client-side JavaScript bundles. I'm quite excited about the direction of this work, and while it isn't yet production ready, is worth keeping on your radar. 60 1 10. 10 [](https://daily.dev/posts/how-i-easily-code-for-8-hours-without-feeling-tired-my-productivity-system--tmkyzcjzm "How I Easily Code For 8+ Hours Without Feeling Tired (My Productivity System)") Article Hashnode · 6y How I Easily Code For 8+ Hours Without Feeling Tired (My Productivity System) After 62+ self-development books, dozens of articles and studies about productivity, and my trials and errors, I have created a productivity system that helps me to code, write, create, and live at my maximum capabilities without procrastination, tiredness, and brain fog. The system stays on 3 main pillars:Schedule. To-do list. System 69 (!) 56 6 11. 11 [](https://daily.dev/posts/centering-in-css-9vmkgxn28 "Centering in CSS") Article web.dev · 6y Centering in CSS Centering in CSS is a notorious challenge, fraught with jokes and mockery. Follow 5 centering techniques as they go through a series of tests to see which one is the most resilient to change. At the end, I reveal the highest scoring technique, as well as a "most valuable" 56 7 12. 12 [](https://daily.dev/posts/4-front-end-trends-and-1-loser---2021-edition-bc0hzkr7j "4 Front-End Trends and 1 Loser - 2021 Edition") Article Hashnode · 6y 4 Front-End Trends and 1 Loser - 2021 Edition Svelte has been around for a few years, with the latest version (3) shipping in 2019\. It has over 39K stars on GitHub, but it’s not widely used in bigger projects. Remix is a React- and Node-based full-stack framework that brings you state-of-the-art web development. 53 4 13. 13 [](https://daily.dev/posts/how-to-learn-web-development-in-2021---a-web-developer-roadmap-gzhdea7cj "How to Learn Web Development in 2021 - a Web Developer Roadmap") Article freeCodeCamp · 6y How to Learn Web Development in 2021 - a Web Developer Roadmap 53 9 14. 14 [](https://daily.dev/posts/how-to-comment-your-code-like-a-boss-e0tcatxlww "How to Comment Your Code Like a Boss") Article Hashnode · 6y How to Comment Your Code Like a Boss Comments in your code are much the same. Good, clear, and necessary comments can help keep an otherwise convoluted narrative of code become a clear, easy-to-follow story. Two main ideas that have helped me when deciding if a section of code needs comments are these: Code should explain what is happening, and clear naming will help make your code be clear and easy to follow. 53 9 15. 15 [](https://daily.dev/posts/thanos-js-tutorial-restore-balance-to-your-project-hrw98nfo8 "Thanos.js Tutorial – Restore Balance to your Project") Article Red Stapler · 6y Thanos.js Tutorial – Restore Balance to your Project Node.js app is actually disintegrate your project at the snap command. Let’s see how it works! Installation If you search google for Thanos.js there are 2 versions. The first one is on node.js and the other is apparently just a parody site. 51 6 16. 16 [](https://daily.dev/posts/top-vs-code-extensions-every-developer-should-use--1ubrqnyjt "Top VS Code Extensions Every Developer Should Use 🛠") Article Hashnode · 6y Top VS Code Extensions Every Developer Should Use 🛠 Visual Studio Code is a free source-code editor made by Microsoft for Windows, Linux, and macOS. Features include support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded Git. In this article, I'll be sharing top VS Code Extensions you must-have for making your life easier. 51 1 17. 17 [](https://daily.dev/posts/top-33-javascript-projects-on-github-december-2020--mftlzozuo "🚀 Top 33 JavaScript Projects on GitHub (December 2020)") Article Hashnode · 6y 🚀 Top 33 JavaScript Projects on GitHub (December 2020) GitHub snapshot of 33 most starred open-sourced JavaScript repositories on GitHub as of December 10th, 2020\. 2020 is coming to its end, and we may do another snapshot. You may compare it to the snapshot from 2018\. You can also query the GitHub to fetch the latest results. 49 1 18. 18 [](https://daily.dev/posts/top-react-libraries-you-need-to-know-in-2021-bgjtdaigm "Top React libraries you need to know in 2021") Article GraphQL Editor · 6y Top React libraries you need to know in 2021 Gatsby.js and Next.js are two starter frameworks for React. Hook is a light-weight form library for React and React Native. Redux is the most popular choice when it comes to state management with React. Formik is packed with dozens of micro features like different types of validation. 47 4 19. 19 [](https://daily.dev/posts/cool-vscode-extensions-for-developers-8bsjfqfh "Cool Vscode Extensions for Developers") Article Hashnode · 6y Cool Vscode Extensions for Developers The Vscode Extension allows you to add tools, languages, debuggers, and much more to your code editor. With the vscode extension, developers write faster, cleaner, and more consistent code. To get started is quite simple, we just have to install the extensions on our editor from the extensions panel. 46 6 20. 20 [](https://daily.dev/posts/dominating-web-development-trends-2021-myphsqdsn "Dominating Web Development Trends 2021") Article Quick Code · 6y Dominating Web Development Trends 2021 43 1 21. 21 [](https://daily.dev/posts/we-rendered-a-million-web-pages-to-find-out-what-makes-the-web-slow-aojalovoi "We rendered a million web pages to find out what makes the web slow") Article ITNEXT · 6y We rendered a million web pages to find out what makes the web slow We rendered a million web pages to find out what makes the web slow. To our knowledge, this produces the first dataset that connects performance, errors, and library use on the web. We published the dataset to Kaggle, so you can crunch the numbers yourself. 44 2 22. 22 [](https://daily.dev/posts/vs-code-extensions-that-x27-ll-boost-your-development-productivity-eikivoab7 "VS Code Extensions That'll Boost Your Development Productivity") Article freeCodeCamp · 6y VS Code Extensions That'll Boost Your Development Productivity Colby Fayock is a Front End Engineer and UX Designer. He’s passionate about tackling challenges that can make the world a better place. Colby is on Twitter at @colbyfayock and on Facebook at www.facebook.com/ColbyFayock. 42 2 23. 23 [](https://daily.dev/posts/build-a-chat-room-with-node-js-and-socket-io-7fkyowbsc "Build a Chat Room With Node.js and Socket.io") Article The Startup · 6y Build a Chat Room With Node.js and Socket.io socket.io is a library that enables real-time, duplex communication between client and the server. It contains Websocket which is a protocol that provides a full-duplex and low-latency channel between the server and the browser via socket.io. There will be a socket.emit event which will be listened by both client and server. 42 24. 24 [](https://daily.dev/posts/public-apis-find-a-public-api-for-your-next-project-q8dp2d1f9 "Public APIs — Find a public API for your next project") Article Product Hunt · 6y Public APIs — Find a public API for your next project Find public API for your next projects! Embed Collect is an open-source collection of public API calls. Use the public API to help you with your next project. For more information on how to use public API, visit public API http://www.pipeline.org/. 40 1 25. 25 [](https://daily.dev/posts/html-tags-every-frontend-developer-should-know-qisvggf4p "HTML tags every frontend developer should know") Article LogRocket · 6y HTML tags every frontend developer should know semantic HTML adds the right context to your site’s content, which improves the user experience significantly. With the increasing focus on JavaScript frameworks and libraries, many developers have placed less priority on HTML. We’ll show you what each tag does and how you can use HTML to streamline the development process. 40 4 [See all daily.dev archives](/posts/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/posts/best-of/2020/12#page","url":"https://daily.dev/posts/best-of/2020/12","name":"Best Developer Posts — December 2020","description":"The most upvoted daily.dev posts from December 2020, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2020/12#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/50-free-tools-and-resources-you-re-gonna-love-part-2--ou7cbcbhv","name":"50 free tools and resources you're gonna love (Part 2)"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/how-to-master-javascript-promises-and-async-await-in-20-minutes-675zf9bj7","name":"How to Master JavaScript Promises and Async/Await in 20 Minutes"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/9-useful-apps-for-developers-smfhp6fjq","name":"9 Useful apps for Developers"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/11-beautiful-vs-code-themes-for-2021-z07teloyu","name":"11 Beautiful VS Code Themes for 2021"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/a-better-way-to-structure-react-projects-pa5-ekmus","name":"A Better Way to Structure React Projects"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/github-repositories-to-improve-your-programming-skills-mi7ab-oe9k","name":"GitHub repositories to improve your programming skills"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/16-simple-tips-to-boost-your-productivity-x10-hhfqsdzf","name":"16 Simple Tips to Boost Your Productivity x10"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/50-free-tools-and-resources-you-re-gonna-love-luqtx-ouz","name":"50 free tools and resources you're gonna love"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/react-server-components-jd-ux-fa4","name":"React Server Components"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/how-i-easily-code-for-8-hours-without-feeling-tired-my-productivity-system--tmkyzcjzm","name":"How I Easily Code For 8+ Hours Without Feeling Tired (My Productivity System)"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/centering-in-css-9vmkgxn28","name":"Centering in CSS"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/4-front-end-trends-and-1-loser---2021-edition-bc0hzkr7j","name":"4 Front-End Trends and 1 Loser - 2021 Edition"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/how-to-learn-web-development-in-2021---a-web-developer-roadmap-gzhdea7cj","name":"How to Learn Web Development in 2021 - a Web Developer Roadmap"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/how-to-comment-your-code-like-a-boss-e0tcatxlww","name":"How to Comment Your Code Like a Boss"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/thanos-js-tutorial-restore-balance-to-your-project-hrw98nfo8","name":"Thanos.js Tutorial – Restore Balance to your Project"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/top-vs-code-extensions-every-developer-should-use--1ubrqnyjt","name":"Top VS Code Extensions Every Developer Should Use 🛠"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/top-33-javascript-projects-on-github-december-2020--mftlzozuo","name":"🚀 Top 33 JavaScript Projects on GitHub (December 2020)"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/top-react-libraries-you-need-to-know-in-2021-bgjtdaigm","name":"Top React libraries you need to know in 2021"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/cool-vscode-extensions-for-developers-8bsjfqfh","name":"Cool Vscode Extensions for Developers"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/dominating-web-development-trends-2021-myphsqdsn","name":"Dominating Web Development Trends 2021"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/we-rendered-a-million-web-pages-to-find-out-what-makes-the-web-slow-aojalovoi","name":"We rendered a million web pages to find out what makes the web slow"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/vs-code-extensions-that-x27-ll-boost-your-development-productivity-eikivoab7","name":"VS Code Extensions That'll Boost Your Development Productivity"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/build-a-chat-room-with-node-js-and-socket-io-7fkyowbsc","name":"Build a Chat Room With Node.js and Socket.io"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/public-apis-find-a-public-api-for-your-next-project-q8dp2d1f9","name":"Public APIs — Find a public API for your next project"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/html-tags-every-frontend-developer-should-know-qisvggf4p","name":"HTML tags every frontend developer should know"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Explore","item":"https://daily.dev/posts"},{"@type":"ListItem","position":3,"name":"Best of","item":"https://daily.dev/posts/best-of"},{"@type":"ListItem","position":4,"name":"December 2020"}]}]} ```