--- title: Best developer posts — October 2020 | daily.dev description: The most upvoted daily.dev posts from October 2020, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2020/10 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2020/10 og:type: website og:site_name: daily.dev og:title: Best developer posts — October 2020 | daily.dev og:description: The most upvoted daily.dev posts from October 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 — October 2020 1. 1 [](https://daily.dev/posts/5-ways-to-customize-vs-code-x-cmygtpa "5 Ways To Customize VS Code") Article Hashnode · 6y 5 Ways To Customize VS Code The beauty of Visual Studio Code is how easy it is to customize. I've spent tons of time learning how to optimize VS Code for me, so I wanted to share how you can do it too. Let's look at 5 different ways you can customize your VS Code. Themes are probably the first and easiest way to customize VS Code to look much nicer. Extensions add a lot more than just aesthetics. 72 20 2. 2 [](https://daily.dev/posts/40-amazing-developers-you-should-follow-on-youtube-esnp9tal5 "40 Amazing Developers You Should Follow On Youtube") Article Hashnode · 6y 40 Amazing Developers You Should Follow On Youtube There are some of the most amazing developers that will teach you everything you need to know for HTML, CSS and JS. If you want to learn anything from React, Angular, Vue or even NodeJS, Mongo, AWS and much more, there are great people to follow here. 69 7 3. 3 [](https://daily.dev/posts/7-git-tricks-that-changed-my-life-ni9ikxl5e "7 Git tricks that changed my life") Article Open Source Way · 6y 7 Git tricks that changed my life Git is one of the most common version control systems available, and it's used on private systems and publicly hosted websites for all kinds of development work. Here are seven tricks that have changed the way I work with Git. Know your .git folder. Count your commits. Take a backup of untracked files. 68 9 4. 4 [](https://daily.dev/posts/better-practices-with-clean-code-ob85-ojwr "Better Practices With Clean Code") Article The Startup · 6y Better Practices With Clean Code Clean code means developers have more ease and less stress to work on a project. It's not about when we leave our project we need to make it perfect. Instead, it advices us to gradually and frequently refactor our code. It won't slow us down, it will speed us up when we get back to that code. 65 3 5. 5 [](https://daily.dev/posts/21-awesome-dev-portfolios-for-your-inspiration-ecbq-s9k5 "21 Awesome DEV portfolios for your inspiration") Article Hashnode · 6y 21 Awesome DEV portfolios for your inspiration The internet is full of portfolios, and getting an employer’s attention in today's marketplace can be quite a challenge. Here I have compiled a nice list of 21 awesome DEV portfolios to inspire you to build or upgrade yours. Enjoy! I hope you enjoyed the read! Feel free to follow me on Twitter, LinkedIn, GitHub, Hashnode and DEV! 60 10 6. 6 [](https://daily.dev/posts/daily-dev-latest-programming-news-ranked-by-developers-for-developers-mnobatiqh "daily.dev — Latest programming news ranked by developers for developers") Article Product Hunt · 6y daily.dev — Latest programming news ranked by developers for developers extension is the easiest way to stay updated on the latest programming news. daily.dev is a feed of articles that's ranked by a community of +50,000 developers. Get the best content from the top tech publications on any topic you want. All in one extension. 58 12 7. 7 [](https://daily.dev/posts/28-creative-404-pages-for-your-inspiration--xzejd1nxo "28 Creative 404 pages for your Inspiration 🧙‍♂️✨") Article Hashnode · 6y 28 Creative 404 pages for your Inspiration 🧙‍♂️✨ 56 5 8. 8 [](https://daily.dev/posts/top-42-react-resources-every-developer-should-bookmark-latest--y5tnajefp "Top 42 React resources every developer should bookmark [Latest]") Article Hashnode · 6y Top 42 React resources every developer should bookmark \[Latest\] Every developer needs resources to learn React. There are an immense number of resources both free and paid from where you can take some inspiration, learn new concepts or just listen to some podcast. Here are some of the best ones out there which you as a React dev should bookmark and use it as a reference whenever needed. 55 1 9. 9 [](https://daily.dev/posts/how-to-become-a-kickass-web-developer-in-2021-frontend-backend-tips--jitmhedqq "How to become a Kickass Web Developer in 2021 [Frontend & Backend Tips]") Article Hashnode · 6y How to become a Kickass Web Developer in 2021 \[Frontend & Backend Tips\] Web development is a domain where the work is involved in developing (or building) a website (ora web app) for the internet. Without knowledge of the web, you can't become a good developer. These are some of the tips all web devs should have whether you're a full-stack or a front-end dev. 49 3 10. 10 [](https://daily.dev/posts/react-v17-0-sfy2zgqri "React v17.0") Article React · 6y React v17.0 React 17 is a major release that makes it easier to upgrade React itself. It also makes it safer to embed React into apps built with other technologies. The goal of this release is to enable gradual upgrades. We’ve only had to change fewer than twenty components out of 100,000+. 49 1 11. 11 [](https://daily.dev/posts/5-techniques-i-use-to-manage-stress-as-a-software-engineer-acx-n2ygo "5 Techniques I Use to Manage Stress as a Software Engineer") Article Better Programming · 6y 5 Techniques I Use to Manage Stress as a Software Engineer Software engineer Nick Bull shares his tips on how to manage stress. Turn off notifications and tell people to not distract you with unimportant stuff during your working hours. Hydrate Stretch Walk and go for a 15- to 20-minute walk when you feel under stress and a solution pops up in your head. 48 6 12. 12 [](https://daily.dev/posts/50-essential-tips-for-every-developer--y89a-wgmp "50 Essential Tips for Every Developer.") Article Hashnode · 6y 50 Essential Tips for Every Developer. Whether you are starting to program or you are twenty years into your career, there is something here for you. You are never ready. That's the fun part. Just start! You'll figure everything out automatically. Asking for help is not a sign of weakness. Quit looking for perfection. 44 7 13. 13 [](https://daily.dev/posts/let-s-build-a-video-conferencing-app-qgtxtgtmm "Let's build a video conferencing app") Article Hashnode · 6y Let's build a video conferencing app In this article we will see how to build a video conferencing app. We will be using the following libraries:React Nodejs simple-peer socket.io chance.js yarn add express socket .io. In /home we will give the option to create room or join room. in /room/:roomId is where we will render the video streams from multiple users. 43 6 14. 14 [](https://daily.dev/posts/microservices-architecture-from-a-to-z-pxv9fb9f8 "Microservices Architecture From A to Z") Article The Startup · 6y Microservices Architecture From A to Z Microservices architecture aims to break down an application to isolate key functions. These services are designed to meet a specific and unique business need. They are independent and modular, this allows each to be developed and deployed without affecting the others. This type of architecture is intended to be the opposite of monolithic architectures. 43 15. 15 [](https://daily.dev/posts/5-tools-to-keep-up-with-tech--ra3qyx0 "5 tools to keep up with tech") Article DEV · 6y 5 tools to keep up with tech In programming it is essential and very important to keep up with the new information of our sector. In this way you can make the right decisions that fit the problem to be solved. How is it achieved? With knowledge, constantly updating yourself and being self-taught. That is why I want to give you some incredible tools that have helped me over time. 42 6 16. 16 [](https://daily.dev/posts/convert-your-website-into-an-app-with-3-easy-steps-u-lklmy7v "Convert your Website into an APP with 3 easy steps") Article Hashnode · 6y Convert your Website into an APP with 3 easy steps Progressive Web Applications are a technology built by Google developers. They allow developers to add native looks and some features like offline load & Push Notifications to your website. These are the three files needed to convert your current website into an installable PWA. You can use WorkBox API for service worker as its very simple. 41 7 17. 17 [](https://daily.dev/posts/coding-at-night-g0qetaaj9 "Coding at Night") Article Better Programming · 6y Coding at Night Coding at night has been very effective for me Ohagorom Onyinyechukwu J. The brain works best when it's late at night/really early in the morning, the brain gets tired enough that it can only focus on one task, not on multiple tasks. There’s nothing better you can do than become a programmer. 40 4 18. 18 [](https://daily.dev/posts/clean-code-3-minutes-for-success-in-your-career--pk7emom1w "Clean Code: 3 minutes for success in your career!") Article Medium · 6y Clean Code: 3 minutes for success in your career! Matheus Lins: Clean Code is about writing expressive, organized, and clean software. Clean Code: 3 minutes for success in your career! Clean Code of good practices says you may have been careful when you’re writing a function. Pay attention to some details. Always use names that have meanings. 39 3 19. 19 [](https://daily.dev/posts/software-architecture-the-important-architectural-patterns-you-need-to-know-blfsnhhfj "Software Architecture: The Important Architectural Patterns You Need to Know") Article gitconnected · 6y Software Architecture: The Important Architectural Patterns You Need to Know 39 7 20. 20 [](https://daily.dev/posts/an-easy-react-17-typescript-tailwind-css-nextjs-setup-spqao99pr "An easy React 17 + TypeScript + Tailwind CSS + NextJS setup") Article Hashnode · 6y An easy React 17 + TypeScript + Tailwind CSS + NextJS setup NextJS is becoming a de facto framework for modern web development. In this article we will build a starter repo that you can use for every new project. We'll add the TypeScript packages first, so later we can immediately add the typings. First, we'll need to install the tailwindcss package. Then we'll create a new file for the types file. 38 5 21. 21 [](https://daily.dev/posts/hey-api-listt-1000-apis-in-one-place-oxiv6csgb "Hey API Listt — 1000+ APIs in one place") Article Product Hunt · 6y Hey API Listt — 1000+ APIs in one place 1000+ APIs at one place. You can filter and search as well. Includes funniest Cat APIs to complex weather APIs. Includes APIs from IndieHackers to APIs from Enterprises. All APIs under one roof. A one stop for all blog posts around APIs. Embed Collect. 37 6 22. 22 [](https://daily.dev/posts/24-modern-es6-code-snippets-to-solve-practical-js-problems-wcgpsnjcq "24 modern ES6 code snippets to solve practical JS problems") Article Hashnode · 6y 24 modern ES6 code snippets to solve practical JS problems Here I have hand-picked some of the most useful code snippets from 30 seconds of code. It's an awesome resource, go ahead and show it some love. In this article I tried to sort them based on their practical use, answering common questions you may face in your project. 37 5 23. 23 [](https://daily.dev/posts/developer-freelancing-basics-how-to-earn-at-least-500-in-side-income-each-month-npocrdexk "Developer Freelancing Basics – How to Earn At Least $500 in Side Income Each Month") Article freeCodeCamp · 6y Developer Freelancing Basics – How to Earn At Least $500 in Side Income Each Month Developer Freelancing Basics – How to Earn At Least $500 in Side Income Each Month. Kyle Prinsloo on how to earn at least $500 a month as a freelance developer. How to earn as much as $1,000 a week as a developer. 36 5 24. 24 [](https://daily.dev/posts/how-to-build-a-web-developer-portfolio-for-free-ait2g8zg9 "How to Build a Web Developer Portfolio for Free") Article gitconnected · 6y How to Build a Web Developer Portfolio for Free Stephen Anderson shows you how to build a free Web Developer Portfolio for free. Use GitHub Pages to host a static website from your GitHub account for FREE. Unsplash is a website with over 2 million free high-resolution images brought to you by the world’s generous photographers. 36 4 25. 25 [](https://daily.dev/posts/stop-using-console-log--jwda0sjky "Stop Using console.log()!") Article daily.dev · 6y Stop Using console.log()! console.log() forces you to select which information to log before the debugging consciously. What you display in the first place is not sufficient or even completely irrelevant sometimes. You usually don’t yet have any idea of what’s going on. As a workaround, you will need to either clone the information or serialize snapshots of it. 35 17 [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/10#page","url":"https://daily.dev/posts/best-of/2020/10","name":"Best Developer Posts — October 2020","description":"The most upvoted daily.dev posts from October 2020, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2020/10#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/5-ways-to-customize-vs-code-x-cmygtpa","name":"5 Ways To Customize VS Code"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/40-amazing-developers-you-should-follow-on-youtube-esnp9tal5","name":"40 Amazing Developers You Should Follow On Youtube"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/7-git-tricks-that-changed-my-life-ni9ikxl5e","name":"7 Git tricks that changed my life"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/better-practices-with-clean-code-ob85-ojwr","name":"Better Practices With Clean Code"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/21-awesome-dev-portfolios-for-your-inspiration-ecbq-s9k5","name":"21 Awesome DEV portfolios for your inspiration"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/daily-dev-latest-programming-news-ranked-by-developers-for-developers-mnobatiqh","name":"daily.dev — Latest programming news ranked by developers for developers"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/28-creative-404-pages-for-your-inspiration--xzejd1nxo","name":"28 Creative 404 pages for your Inspiration 🧙‍♂️✨"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/top-42-react-resources-every-developer-should-bookmark-latest--y5tnajefp","name":"Top 42 React resources every developer should bookmark [Latest]"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/how-to-become-a-kickass-web-developer-in-2021-frontend-backend-tips--jitmhedqq","name":"How to become a Kickass Web Developer in 2021 [Frontend & Backend Tips]"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/react-v17-0-sfy2zgqri","name":"React v17.0"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/5-techniques-i-use-to-manage-stress-as-a-software-engineer-acx-n2ygo","name":"5 Techniques I Use to Manage Stress as a Software Engineer"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/50-essential-tips-for-every-developer--y89a-wgmp","name":"50 Essential Tips for Every Developer."},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/let-s-build-a-video-conferencing-app-qgtxtgtmm","name":"Let's build a video conferencing app"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/microservices-architecture-from-a-to-z-pxv9fb9f8","name":"Microservices Architecture From A to Z"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/5-tools-to-keep-up-with-tech--ra3qyx0","name":"5 tools to keep up with tech"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/convert-your-website-into-an-app-with-3-easy-steps-u-lklmy7v","name":"Convert your Website into an APP with 3 easy steps"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/coding-at-night-g0qetaaj9","name":"Coding at Night"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/clean-code-3-minutes-for-success-in-your-career--pk7emom1w","name":"Clean Code: 3 minutes for success in your career!"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/software-architecture-the-important-architectural-patterns-you-need-to-know-blfsnhhfj","name":"Software Architecture: The Important Architectural Patterns You Need to Know"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/an-easy-react-17-typescript-tailwind-css-nextjs-setup-spqao99pr","name":"An easy React 17 + TypeScript + Tailwind CSS + NextJS setup"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/hey-api-listt-1000-apis-in-one-place-oxiv6csgb","name":"Hey API Listt — 1000+ APIs in one place"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/24-modern-es6-code-snippets-to-solve-practical-js-problems-wcgpsnjcq","name":"24 modern ES6 code snippets to solve practical JS problems"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/developer-freelancing-basics-how-to-earn-at-least-500-in-side-income-each-month-npocrdexk","name":"Developer Freelancing Basics – How to Earn At Least $500 in Side Income Each Month"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/how-to-build-a-web-developer-portfolio-for-free-ait2g8zg9","name":"How to Build a Web Developer Portfolio for Free"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/stop-using-console-log--jwda0sjky","name":"Stop Using console.log()!"}]},{"@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":"October 2020"}]}]} ```