<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/best-of/2021/11" -->

---
title: Best developer posts — November 2021 | daily.dev
description: The most upvoted daily.dev posts from November 2021, curated by the daily.dev community.
canonical: https://daily.dev/posts/best-of/2021/11
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:url: https://daily.dev/posts/best-of/2021/11
og:type: website
og:site_name: daily.dev
og:title: Best developer posts — November 2021 | daily.dev
og:description: The most upvoted daily.dev posts from November 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 — November 2021

1. 1  
[](https://daily.dev/posts/welcome-to-fleet--d9i97wouk "Welcome to Fleet!")  
Article  
![Avatar of jetbrains](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/53ecf0c676f34b3896ee109609d91efa)JetBrains · 5y  
Welcome to Fleet!  
Fleet is a lightweight editor but with a twist. It provides syntax highlighting, simple code completion, and all the things you’d expect from an editor. But wait, there’s more! Fleet is also a fully functional IDE bringing smart completion, refactorings, navigation, debugging, and everything else.  
612  
82
2. 2  
[](https://daily.dev/posts/my-custom-css-reset-5w1hsb5j "My Custom CSS Reset")  
Article  
![Avatar of joshwcomeau](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/4a121572d03c40a2bff9e8ed0f0792b5)Josh W Comeau · 5y  
My Custom CSS Reset  
This tutorial explains how to use your own custom CSS reset. It includes all of the little tricks I've discovered to improve both the user experience and the CSS authoring experience. We'll dig into each rule, and you'll learn what it does and why you might want to use it.  
366  
28
3. 3  
[](https://daily.dev/posts/4-javascript-concepts-that-every-developer-should-know-whm7kjtpr "4 JavaScript Concepts That Every Developer Should Know")  
Article  
![Avatar of jsPlainEnglish](https://media.daily.dev/image/upload/s--Dg5QTRuI--/f_auto,q_auto/v1686665538/logos/pe)JavaScript in Plain English · 5y  
4 JavaScript Concepts That Every Developer Should Know  
In this post, I will discuss four of the most important JavaScript concepts. IIFE IIFE, aka, Immediately Invoked Function Expression, are JavaScript functions defined as expressions that are immediately invoked and executed as soon as they are defined. Scope Scope determines which variables you have (or do not have) access to in different contexts. Closures are helpful to employ when you would like to pass variables, arrays, or methods from an outer function to an inner function.  
315  
14
4. 4  
[](https://daily.dev/posts/thank-you-github-82x17kchg "Thank you, GitHub")  
Article  
![Avatar of ghblog](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/106cf162b88840808484d4b5429b59b1)GitHub Blog · 5y  
Thank you, GitHub  
I’m moving on to my next adventure, and Thomas Dohmke will be GitHub’s next CEO. I will become Chairman Emeritus, which fulfills my lifelong ambition of having a title in Latin. My heartfelt thanks to every Hubber and every developer who makes GitHub what it is, every day.  
243  
10
5. 5  
[](https://daily.dev/posts/advanced-javascript-design-patterns-hakr-ecpz "Advanced Javascript Design Patterns")  
Article  
![Avatar of devto](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/devto)DEV · 5y  
Advanced Javascript Design Patterns  
Design Patterns are the solutions to commonly occurring problems in software design. These patterns are easily re-usable and are expressive. We will be discussing all these design patterns using Javascript es6 classes. I have covered here 20+ design patterns explanations in javascript. If you wish to learnAdvanced react component patterns, please find it here.  
237  
5
6. 6  
[](https://daily.dev/posts/how-i-structure-html-for-better-seo-results-quwh15yzv "How I Structure HTML for Better SEO Results")  
Article  
![Avatar of gc](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/gc)gitconnected · 5y  
How I Structure HTML for Better SEO Results  
Stephan Romhart explains how to use semantic HTML 5 tags for better machine readability. He also explains how he organize his CSS for websites without a framework. In his 20 years of web development experience, he’s developed a standard CSS approach for myself. He says that most websites can be built with the following boilerplate.  
236  
9
7. 7  
[](https://daily.dev/posts/mac-os-for-the-web--boyfwimy3 "Mac OS for the Web!")  
Article  
![Avatar of devto](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/devto)DEV · 5y  
Mac OS for the Web!  
Mac OS emulator on the Web is an open-source project on Github. It has programs like Notes, Calculator, Terminal, VScode, and other apps and features on this website. The website has PWA (Progressive Web Apps), which with this feature we can install it on any operating system.  
228  
24
8. 8  
[](https://daily.dev/posts/how-to-write-good-commit-messages-with-commitlint-hxd5bgrye "How to Write Good Commit Messages with Commitlint")  
Article  
![Avatar of freecodecamp](https://media.daily.dev/image/upload/t_logo,f_auto/v1628412854/logos/freecodecamp)freeCodeCamp · 5y  
How to Write Good Commit Messages with Commitlint  
Commitlint is a tool that lints your commit messages and makes sure they follow a set of rules. It runs as a husky pre-commit hook, that is, it runs before the code is committed and blocks the commit in case it fails the lint checks. We are going to see how we can set up commitlint in a simple JavaScript project.  
200  
24
9. 9  
[](https://daily.dev/posts/dev-page---your-all-in-one-developer-page-devpage-yourname-xacvc6jhi "Dev.page - Your all-in-one developer page: devpage/yourname")  
Article  
![Avatar of ph](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/ph)Product Hunt · 5y  
Dev.page - Your all-in-one developer page: devpage/yourname  
Dev.page is your all-in-one developer page with your info, bio, skills, and links to your GitHub, StackOverflow, LinkedIn, Twitter, Blog and more. Claim your dev.page username and build an amazing page in just 2 minutes!  
187  
8
10. 10  
[](https://daily.dev/posts/codesandbox-black-the-best-vscode-theme-ever--8g2blexvu "CodeSandbox Black, the best VSCode theme ever!")  
Article  
![Avatar of devto](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/devto)DEV · 5y  
CodeSandbox Black, the best VSCode theme ever!  
I launched it on Product Hunt too and it would be awesome if you checked it out and tried it out yourself! It's based on codesandbox.io, hope you enjoy it! Get Oh My Zsh for your terminal here. Get MonoLisa fonts here MonoLisa.  
170  
17
11. 11  
[](https://daily.dev/posts/notebooks-visual-studio-code-style-auu9qtoyu "Notebooks, Visual Studio Code style")  
Article  
![Avatar of vscode](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/d5adab6ae9fb44d19859748fc30f5e18)Visual Studio Code · 5y  
Notebooks, Visual Studio Code style  
Notebooks are documents that contain a mix of rich Markdown, executable code snippets, and accompanying rich output. Visual Studio Code has supported Jupyter Notebooks for several years but recently added native notebook support into the VS Code core. Anyone can make a VS Code notebook extension that supports custom languages and rich output and creating a notebook is no different than creating any other extension.  
158  
7
12. 12  
[](https://daily.dev/posts/writing-clean-code-in-javascript-pzleetrma "Writing Clean Code in JavaScript")  
Article  
![Avatar of bit](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/bit)Bits and Pieces · 5y  
Writing Clean Code in JavaScript  
Using object destructuring makes the code much simpler and easier to understand. Use multiple input parameters instead of single object inputs. Arrow functions provide a concise way of writing JavaScript functions. Use Template Literals for String Concatenations. Avoid the most popular way to express and handle nested functions in JavaScript 7.  
154  
7
13. 13  
[](https://daily.dev/posts/learn-all-about-micro-frontends-i4rmwi5m1 "Learn all about Micro-Frontends")  
Article  
![Avatar of freecodecamp](https://media.daily.dev/image/upload/t_logo,f_auto/v1628412854/logos/freecodecamp)freeCodeCamp · 5y  
Learn all about Micro-Frontends  
Micro-frontends is a method to build a website or web app as a composition of features which can be created and worked on separately. Jack Herrington created this course. Jack has worked as a principle engineer and is an excellent teacher. Jack will take you from just starting out, to understanding asynchronous loading, error handling, shared state, cross platform micro- frontends, how to route multiple applications together, and even how to test micro-frontend code.  
149  
5
14. 14  
[](https://daily.dev/posts/automa---a-chrome-extension-for-automating-your-browser-8siukuia5 "Automa - A chrome extension for automating your browser")  
Article  
![Avatar of ph](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/ph)Product Hunt · 5y  
Automa - A chrome extension for automating your browser  
An extension for automating your browser by connecting blocks. From auto-fill forms, to scraping data of the website, it's up to you what you want to do with this extension. It's free to download and use, and there are no plans to stop using it.  
143  
13
15. 15  
[](https://daily.dev/posts/free-100-mern-mean-stack-resources-ldsccjgtv "Free 100+ MERN / MEAN Stack resources")  
Article  
![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo · 5y  
Free 100+ MERN / MEAN Stack resources  
I have gathered all the resources that you will require to become a MERN or MEAN stack developer. All these resources will include Articles, Videos, Course, Websites, Tutorials, Books etc. And everything is FREE. You should know the basics of HTML, CSS AND JS.  
142  
5
16. 16  
[](https://daily.dev/posts/docs-daily-dev--bytpw6cx7 "docs.daily.dev 🤩")  
Article  
![Avatar of daily_updates](https://media.daily.dev/image/upload/s--COeiQtov--/f_auto/v1704465510/squads/daily_updates)daily.dev Changelog · 5y  
docs.daily.dev 🤩  
Built with Docusaurus. 100% Open Source. Check out the repo: https://github.com/dailydotdev/docs. Dark/Light modes. Search (powered by Algolia) Search is powered by AlGolia. The official daily.dev product docs: http://www.daily.dev/product/daily-dev-product-doc.  
138  
19
17. 17  
[](https://daily.dev/posts/fakeflix-a-netflix-clone-built-with-react-redux-l2rsueqwu "Fakeflix, a Netflix Clone built with React, Redux")  
Article  
![Avatar of hashnode](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/4a287b2e7cb5499bae863f8e7137cdb4)Hashnode · 5y  
Fakeflix, a Netflix Clone built with React, Redux  
Fakeflix is a clone of Netflix's splash animation. The project has been selected and inserted inside the trending repositories for five days in a row. It's a project to learn how to structure a Web App of a mid-level complexity integrating Redux logic and experiment with things like Redux Thunk.  
136  
23
18. 18  
[](https://daily.dev/posts/responsive-design-css-tips-osgsrngb8 "Responsive Design CSS tips")  
Article  
![Avatar of devto](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/devto)DEV · 5y  
Responsive Design CSS tips  
Using em/percentage/rem instead of px, so that the text, images size adjust with respect to the device width. Flex-wrap - Using flexbox to align your HTML elements such as <div> etc. Media query - Media query should be used to set width and height according to the breakpoints.  
135  
12
19. 19  
[](https://daily.dev/posts/10-developer-job-interview-red-flags-ycfjcache "10 Developer Job Interview Red Flags")  
Article  
![Avatar of honeypot](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/1cc3a75b98b74698a40f57162b30b841)Honeypot · 5y  
10 Developer Job Interview Red Flags  
Some companies imply that constant overtime is just ‘part of the job’ Some companies will expect developers to put in more hours than is fair. 'Rockstar required!' has become a part of start-up jargon that many developers are now rolling their eyes at because it’s one of those terms that doesn’t mean anything.  
129  
13
20. 20  
[](https://daily.dev/posts/becoming-a-web-3-developer-seym00lqy "Becoming a web 3 developer")  
Article  
![Avatar of hashnode](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/4a287b2e7cb5499bae863f8e7137cdb4)Hashnode · 5y  
Becoming a web 3 developer  
If you want to advance your career to become a Web 3.0 developer or get started, a structured roadmap will definitely lead you towards your goal. Getting into the Blockchain industry where the average programmer is paid around $ 140,000 per year is probably the best investment you can make as a developer.  
125  
5
21. 21  
[](https://daily.dev/posts/8-cool-vs-code-tips-to-make-your-workspace-more-personal-bby1ye1sj "8 Cool VS Code tips to make your workspace more personal")  
Article  
![Avatar of asayer](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/be8d9d38650943c8a1718ba79f23e9ac)asayer · 5y  
8 Cool VS Code tips to make your workspace more personal  
Visual Studio Code is one of the most popular integrated development environments (IDEs) that exist today for developers. It is an open-source, lightweight desktop application by the team at Microsoft. It has built-in support for languages like TypeScript, Javascript, Node JS, and a very extensive marketplace for extensions for other languages.  
123  
8
22. 22  
[](https://daily.dev/posts/transitioning-to-web-3-0-ydg09nirv "Transitioning to Web 3.0")  
Article  
![Avatar of hashnode](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/4a287b2e7cb5499bae863f8e7137cdb4)Hashnode · 5y  
Transitioning to Web 3.0  
Web 3.0 aims to create an internet where ownership and control are decentralized. It is the latest generation of internet applications and services powered by blockchain technology. Bitcoin is the first truly digital currency and the inspiration for web 3\. 0\. The concept of the blockchain is similar to a country made up of many cities connected together by a network of roads.  
119  
13
23. 23  
[](https://daily.dev/posts/top-30-git-commands-you-should-know-to-master-git-cli-sraixmpht "Top 30 Git Commands You Should Know To Master Git CLI")  
Article  
![Avatar of gc](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/gc)gitconnected · 5y  
Top 30 Git Commands You Should Know To Master Git CLI  
Git is the most popular distributed version control system in the world. Learn the most essential Git commands to boost your productivity. Set up your username and email to link commits with your name. Cache your login credentials to avoid re-typing the username and password every time you perform a commit.  
115  
5
24. 24  
[](https://daily.dev/posts/how-to-become-a-senior-developer-in-3-simple-steps-tx-xawahv "How To Become A Senior Developer In 3 Simple Steps")  
Article  
![Avatar of devto](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/devto)DEV · 5y  
How To Become A Senior Developer In 3 Simple Steps  
Developers need to transcend themselves if they want to survive in the software industry. To effectively become a senior developer, you must develop a higher level of self-awareness, both technical and personal. Here are the fundamental lessons you need to learn to avoid mistakes to get to senior level.  
111  
3
25. 25  
[](https://daily.dev/posts/securing-microservices-with-jwt-ta-i2i4bf "Securing Microservices with JWT")  
Article  
![Avatar of ballerina](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/958d0f92bff045eba8128ea4fac00fb4)Ballerina · 5y  
Securing Microservices with JWT  
This guide explains how to secure an 'Order Management Service' (RESTful service) with JWT Auth using Ballerina. JWT helps to pass the end-user context across microservices in a manner that can’t be forged. Because the claims set of the JWT is signed by the STS, no microservice can change its content without invalidating its signature.  
105  
2

[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/2021/11#page","url":"https://daily.dev/posts/best-of/2021/11","name":"Best Developer Posts — November 2021","description":"The most upvoted daily.dev posts from November 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2021/11#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/welcome-to-fleet--d9i97wouk","name":"Welcome to Fleet!"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/my-custom-css-reset-5w1hsb5j","name":"My Custom CSS Reset"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/4-javascript-concepts-that-every-developer-should-know-whm7kjtpr","name":"4 JavaScript Concepts That Every Developer Should Know"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/thank-you-github-82x17kchg","name":"Thank you, GitHub"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/advanced-javascript-design-patterns-hakr-ecpz","name":"Advanced Javascript Design Patterns"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/how-i-structure-html-for-better-seo-results-quwh15yzv","name":"How I Structure HTML for Better SEO Results"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/mac-os-for-the-web--boyfwimy3","name":"Mac OS for the Web!"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-write-good-commit-messages-with-commitlint-hxd5bgrye","name":"How to Write Good Commit Messages with Commitlint"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/dev-page---your-all-in-one-developer-page-devpage-yourname-xacvc6jhi","name":"Dev.page - Your all-in-one developer page: devpage/yourname"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/codesandbox-black-the-best-vscode-theme-ever--8g2blexvu","name":"CodeSandbox Black, the best VSCode theme ever!"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/notebooks-visual-studio-code-style-auu9qtoyu","name":"Notebooks, Visual Studio Code style"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/writing-clean-code-in-javascript-pzleetrma","name":"Writing Clean Code in JavaScript"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/learn-all-about-micro-frontends-i4rmwi5m1","name":"Learn all about Micro-Frontends"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/automa---a-chrome-extension-for-automating-your-browser-8siukuia5","name":"Automa - A chrome extension for automating your browser"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/free-100-mern-mean-stack-resources-ldsccjgtv","name":"Free 100+ MERN / MEAN Stack resources"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/docs-daily-dev--bytpw6cx7","name":"docs.daily.dev 🤩"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/fakeflix-a-netflix-clone-built-with-react-redux-l2rsueqwu","name":"Fakeflix, a Netflix Clone built with React, Redux"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/responsive-design-css-tips-osgsrngb8","name":"Responsive Design CSS tips"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/10-developer-job-interview-red-flags-ycfjcache","name":"10 Developer Job Interview Red Flags"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/becoming-a-web-3-developer-seym00lqy","name":"Becoming a web 3 developer"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/8-cool-vs-code-tips-to-make-your-workspace-more-personal-bby1ye1sj","name":"8 Cool VS Code tips to make your workspace more personal"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/transitioning-to-web-3-0-ydg09nirv","name":"Transitioning to Web 3.0"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/top-30-git-commands-you-should-know-to-master-git-cli-sraixmpht","name":"Top 30 Git Commands You Should Know To Master Git CLI"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/how-to-become-a-senior-developer-in-3-simple-steps-tx-xawahv","name":"How To Become A Senior Developer In 3 Simple Steps"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/securing-microservices-with-jwt-ta-i2i4bf","name":"Securing Microservices with JWT"}]},{"@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":"November 2021"}]}]}
```

