--- title: Best developer posts — March 2022 | daily.dev description: The most upvoted daily.dev posts from March 2022, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2022/03 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2022/03 og:type: website og:site_name: daily.dev og:title: Best developer posts — March 2022 | daily.dev og:description: The most upvoted daily.dev posts from March 2022, 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 — March 2022 1. 1 [](https://daily.dev/posts/the-code-review-pyramid-a5tm76e59 "The Code Review Pyramid") Article Pointer · 4y The Code Review Pyramid The "Code Review Pyramid" is a visual guide for code reviews. It aims to show which aspects of a code change should be focused on the most and which should be automated. The visual is available as an SVG file and can be printed as a high-res version. 355 13 2. 2 [](https://daily.dev/posts/the-thirty-minute-rule-7al92rvxr "The Thirty Minute Rule") Article Pointer · 5y The Thirty Minute Rule The Thirty Minute Rule is the rule that if anyone gets stuck on something for more than 30 minutes, they should ask for help. By asking for help after 30 minutes it addresses the following things:Often we are stuck because of something we don’t know, making it impossible to proceed. Sometimes simply formulating the question to ask allows us to answer the problem ourselves. 323 31 3. 3 [](https://daily.dev/posts/8-best-react-courses-2022-hti1pegvq "8 Best React Courses 2022") Article Honeypot · 4y 8 Best React Courses 2022 React was introduced in 2013 by Facebook, and has since successfully risen above most other frontend frameworks in terms of usage and popularity. React developers are some of the most in-demand developers around the world as companies adopt React in their tech stack. Here are some great courses to start with! 277 13 4. 4 [](https://daily.dev/posts/understanding-layout-algorithms-wkhw-upv9 "Understanding Layout Algorithms") Article Josh W Comeau · 4y Understanding Layout Algorithms CSS is so much more than a collection of properties. It's a constellation of inter-connected layout algorithms. Each algorithm is a complex system with its own rules and secret mechanisms. We need to learn how the layout algorithms work, and how they use the properties we provide to them. 239 17 5. 5 [](https://daily.dev/posts/docker-explained-to-a-5-year-old--hug72-fqi "Docker: Explained to a 5 year old. 👶🏻") Article DEV · 4y Docker: Explained to a 5 year old. 👶🏻 Docker is a way to containerize applications (putting code in boxes that can work on their own) Containers are boxes that have no host Operating system, so they are independent of the device they run on. A Dockerfile is a text document that contains all the commands a user could call on the command line to assemble an image. 231 13 6. 6 [](https://daily.dev/posts/react-v18-0-react-blog-aawny58hd "React v18.0 – React Blog") Article React · 4y React v18.0 – React Blog React 18 is the latest version of the popular React mobile app. It includes new features like streaming server-side rendering and automatic batching. Concurrent Rendering is a behind-the-scenes change that unlocks powerful new capabilities. The most important addition in React 18 is something we hope you never have to think about. 211 7 7. 7 [](https://daily.dev/posts/new-css-features-in-2022-1kpslilin "New CSS Features In 2022") Article CSS {IRL} · 4y New CSS Features In 2022 There are a lot of new CSS features in development as I write this. 2022 is the year that some big ones will be landing in a browser near you. There are potential for big changes in the way we write CSS. I explored some of these new features for Smashing Magazine. 208 14 8. 8 [](https://daily.dev/posts/what-s-new-in-es2022--irhrijklj "What's new in ES2022? 🤔") Article DEV · 5y What's new in ES2022? 🤔 The new version of ECMA Script will become standard in few months. Let's take a glimpse at the features that will be part of ES2022\. Features include method .at() of indexable values. RegExp match indices. Top-level await modules. New members of classes via public fields. 208 9 9. 9 [](https://daily.dev/posts/how-to-create-a-legendary-github-profile--ilw54eg1c "How to Create a Legendary GitHub Profile?") Article Hashnode · 5y How to Create a Legendary GitHub Profile? I just started blogging here on Hashnode a few weeks ago. Only after I posted my first article realized that Hashnode is much more about than just writing. The greatest opportunity actually is reading. I read whenever I am travelling, smoking or walking on the street and sometimes even on the toilet. I am constantly browsing the Recent section of the Hashnode app. 195 15 10. 10 [](https://daily.dev/posts/solid-principles-explained-wacxucpii "SOLID Principles Explained") Article Towards Dev · 4y SOLID Principles Explained In software engineering, SOLID is a mnemonic acronym for five design principles. They are first mentioned in a paper written in 2000 by the software engineer, Robert Martin. SOLID stands for: Single Responsibility Principle, Open-Closed Principle, Dependency Inversion Principle, Interface Segregation Principle. 171 4 11. 11 [](https://daily.dev/posts/css-tools-databases-json-svg-3u-1p98lt "CSS Tools, Databases, JSON, SVG") Article Web Tools Weekly · 5y CSS Tools, Databases, JSON, SVG There are a number of different ways to remove empty items from an array in JavaScript. To remove blank values alone is something more specific, but there are a few ways to do it. You can find all the above examples in this CodePen. Now on to this week's tools! 157 13 12. 12 [](https://daily.dev/posts/how-to-design-better-apis-ft5u2bjel "How to design better APIs") Article Hashnode · 5y How to design better APIs When creating an API from scratch, you need to get many details right. From basic security considerations to using the right HTTP methods, implementing authentication, deciding which requests and responses you should accept and return, ... the list goes on. In this post, I'm trying my best to compress everything I know about what makes a good API. 149 13 13. 13 [](https://daily.dev/posts/css-tricks-to-create-that-dark-futuristic-web3-look-vbi5cpmig "CSS Tricks to Create that Dark Futuristic Web3 Look") Article Hashnode · 5y CSS Tricks to Create that Dark Futuristic Web3 Look The Graph, ARCx Money, Buildspace, Rabbithole, Sushi Swap, and Rare Blocks all have some common designs that achieve this look. Here are some simple styles you can add to your app:Gradient Glowing effect Bright and white text over a dark background Semi transparent backgrounds A quick and easy transition on hover. 148 8 14. 14 [](https://daily.dev/posts/coolify---an-open-source-self-hostable-heroku-netlify-alternative-gblrqekp "Coolify - An open-source & self-hostable Heroku / Netlify alternative") Article Product Hunt · 4y Coolify - An open-source & self-hostable Heroku / Netlify alternative Coolify is an open-source and self-hostable all-in-one (IaaS) solution. It's an alternative software to Heroku and Netlify and other similar software out there. Coolify is available in the US and Canada. For more information, visit Coolify's website. 147 11 15. 15 [](https://daily.dev/posts/my-favorite-vs-code-extensions-of-2022-a9mcpzy6t "My Favorite VS Code Extensions of 2022") Article Towards Data Science · 4y My Favorite VS Code Extensions of 2022 The Atom One Dark theme is my favorite because the colors have useful contrast and look great. VSCode Great Icons look so much better than the default, and the folder icons make it easier to tell which directory I’m in. I find this especially useful when writing React components where a lot of the boilerplate code gets repetitive. 131 6 16. 16 [](https://daily.dev/posts/music-for-programming-coding-music-playlists-radio-stations-videos-and-lives-uruakm53c "Music for Programming – Coding Music Playlists, Radio Stations, Videos, and Lives") Article freeCodeCamp · 4y Music for Programming – Coding Music Playlists, Radio Stations, Videos, and Lives This blog post is all about music for programming. I'll be sharing a variety of different playlists, radio stations, and videos that you can listen to while coding. Whether you're a beginner or an experienced programmer, you will find something to listen to. I hope these links will help motivate you in your day-to-day developer work. 130 10 17. 17 [](https://daily.dev/posts/airbnb-s-architecture-ae-j9dt9o "Airbnb's Architecture") Article Quastor Daily · 5y Airbnb's Architecture Jessica Tai is an engineering manager at Airbnb. She recently gave a fantastic talk on how Airbnb’s architecture has evolved over the years. Airbnb started as a Ruby on Rails monolith, then transitioned to a microservices architecture and has now migrated to a hybrid between micro and macroservices. 124 3 18. 18 [](https://daily.dev/posts/open-source-alternative-to---discover-open-source-alternatives-to-your-proprietary-saas-dtpnynd-4 "Open Source Alternative To - Discover open source alternatives to your proprietary SaaS") Article Product Hunt · 4y Open Source Alternative To - Discover open source alternatives to your proprietary SaaS OpenSourceAlternative.To lets you search and filter 250+ open source alternatives by categories, licenses, languages, stargazers, and date added. All data is updated from GitHub once per day, and everyone can easily submit their favorite alternatives. OpenSource Alternative.To is free and open source. 115 3 19. 19 [](https://daily.dev/posts/i-can-probably-hack-your-password-in-minutes---di1tcc-b "I can probably hack your password in MINUTES!") Article DZone · 5y I can probably hack your password in MINUTES! The average password is easily hacked in minutes by an experienced software developer. This is because of a fundamental flaw in how we were taught to create our passwords. There are simply not enough possible combinations in short passwords such as the above to be "random enough" to prevent a computer from guessing it. 114 16 20. 20 [](https://daily.dev/posts/clean-up-your-react-code-gsory-tdc "Clean Up Your React Code") Article JavaScript in Plain English · 4y Clean Up Your React Code React has a declarative programming approach. With prop types, we can make our components (both class and function components) well-defined. By following the composition paradigm we have clean, small, testable components. We can compose these components together and create maintainable, readable, and complex applications. 113 6 21. 21 [](https://daily.dev/posts/delightful-react-file-directory-structure-yqt5b45vl "Delightful React File/Directory Structure") Article Josh W Comeau · 4y Delightful React File/Directory Structure React is famously unopinionated when it comes to file/ directory structure. How should you structure the files and directories in your applications? There is no one “right” way, but I've tried lots of different approaches in the 7+ years I've been using React. In this blog post, I'll share the structure I use across all my current projects, including this blog. 111 5 22. 22 [](https://daily.dev/posts/why-you-shouldn-t-always-use-usestate--daci3z6mj "Why you shouldn’t always use “useState”") Article JavaScript in Plain English · 4y Why you shouldn’t always use “useState” UseRef has the same power of persistence that useState has. It sustains the value through the component’s life-cycle, but the cool part is that it is synchronous. When I need to do something immediately and I need it for the flow of my code, then I aim for useRef. 110 2 23. 23 [](https://daily.dev/posts/learn-go-programming-by-building-11-projects-i2bjfe-yg "Learn Go Programming by Building 11 Projects") Article freeCodeCamp · 4y Learn Go Programming by Building 11 Projects The Go programming language is an open-source and compiled language designed by Google. Go is popular for cloud-based or server-side applications. We just published a course on the freeCodeCamp.org YouTube channel that will help you improve your Go skills by teaching you how to create eleven projects. 106 3 24. 24 [](https://daily.dev/posts/a-proposal-for-type-syntax-in-javascript-wcyhqimxa "A Proposal For Type Syntax in JavaScript") Article DevBlogs · 5y A Proposal For Type Syntax in JavaScript A proposal to bring optional and erasable type syntax to JavaScript. Because this new syntax wouldn’t change how surrounding code runs, it would effectively act as comments. We think this has the potential to make TypeScript easier and faster to use for development at every scale. We’re hoping to bring it forward in a proposal to TC39. 104 6 25. 25 [](https://daily.dev/posts/the-6-best-javascript-frameworks-to-use-in-2022-r1-fbhei1 "The 6 Best JavaScript Frameworks to Use in 2022") Article SNIPCART · 4y The 6 Best JavaScript Frameworks to Use in 2022 JavaScript frameworks are tried and tested tools for building scalable web applications. They contain a collection of JavaScript code libraries that provide pre-written JS code for standard programming features and tasks. Frameworks enable you to add functionalities like testing and linting to ensure you're shipping error-free code. There are more than 20 frameworks and 80 libraries for developers to choose from. 104 1 [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/2022/03#page","url":"https://daily.dev/posts/best-of/2022/03","name":"Best Developer Posts — March 2022","description":"The most upvoted daily.dev posts from March 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2022/03#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/the-code-review-pyramid-a5tm76e59","name":"The Code Review Pyramid"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/the-thirty-minute-rule-7al92rvxr","name":"The Thirty Minute Rule"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/8-best-react-courses-2022-hti1pegvq","name":"8 Best React Courses 2022"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/understanding-layout-algorithms-wkhw-upv9","name":"Understanding Layout Algorithms"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/docker-explained-to-a-5-year-old--hug72-fqi","name":"Docker: Explained to a 5 year old. 👶🏻"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/react-v18-0-react-blog-aawny58hd","name":"React v18.0 – React Blog"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/new-css-features-in-2022-1kpslilin","name":"New CSS Features In 2022"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/what-s-new-in-es2022--irhrijklj","name":"What's new in ES2022? 🤔"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/how-to-create-a-legendary-github-profile--ilw54eg1c","name":"How to Create a Legendary GitHub Profile?"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/solid-principles-explained-wacxucpii","name":"SOLID Principles Explained"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/css-tools-databases-json-svg-3u-1p98lt","name":"CSS Tools, Databases, JSON, SVG"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/how-to-design-better-apis-ft5u2bjel","name":"How to design better APIs"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/css-tricks-to-create-that-dark-futuristic-web3-look-vbi5cpmig","name":"CSS Tricks to Create that Dark Futuristic Web3 Look"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/coolify---an-open-source-self-hostable-heroku-netlify-alternative-gblrqekp","name":"Coolify - An open-source & self-hostable Heroku / Netlify alternative"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/my-favorite-vs-code-extensions-of-2022-a9mcpzy6t","name":"My Favorite VS Code Extensions of 2022"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/music-for-programming-coding-music-playlists-radio-stations-videos-and-lives-uruakm53c","name":"Music for Programming – Coding Music Playlists, Radio Stations, Videos, and Lives"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/airbnb-s-architecture-ae-j9dt9o","name":"Airbnb's Architecture"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/open-source-alternative-to---discover-open-source-alternatives-to-your-proprietary-saas-dtpnynd-4","name":"Open Source Alternative To - Discover open source alternatives to your proprietary SaaS"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/i-can-probably-hack-your-password-in-minutes---di1tcc-b","name":"I can probably hack your password in MINUTES!"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/clean-up-your-react-code-gsory-tdc","name":"Clean Up Your React Code"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/delightful-react-file-directory-structure-yqt5b45vl","name":"Delightful React File/Directory Structure"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/why-you-shouldn-t-always-use-usestate--daci3z6mj","name":"Why you shouldn’t always use “useState”"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/learn-go-programming-by-building-11-projects-i2bjfe-yg","name":"Learn Go Programming by Building 11 Projects"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/a-proposal-for-type-syntax-in-javascript-wcyhqimxa","name":"A Proposal For Type Syntax in JavaScript"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/the-6-best-javascript-frameworks-to-use-in-2022-r1-fbhei1","name":"The 6 Best JavaScript Frameworks to Use in 2022"}]},{"@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":"March 2022"}]}]} ```