--- title: Best developer posts — March 2024 | daily.dev description: The most upvoted daily.dev posts from March 2024, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2024/03 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2024/03 og:type: website og:site_name: daily.dev og:title: Best developer posts — March 2024 | daily.dev og:description: The most upvoted daily.dev posts from March 2024, 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 2024 1. 1 [](https://daily.dev/posts/javascript-visualized-jf60glu2w "JavaScript Visualized") Article Community Picks · 2y JavaScript Visualized This post explores the inner workings of promises in JavaScript, including the creation of promises using the \`new Promise\` constructor, the purpose of the Promise Reaction record, and how promises can be used to handle asynchronous tasks in a non-blocking way. 2.5K 47 2. 2 [](https://daily.dev/posts/build-an-awesome-developer-portfolio-website--bog6gc0u9 "Build an awesome developer portfolio website.") Article DEV · 2y Build an awesome developer portfolio website. Learn how to build an awesome developer portfolio website using Next, Tailwind CSS, and EmailJS. Step-by-step guide on setup process and GitHub link. 2.2K 102 3. 3 [](https://daily.dev/posts/2024-cheat-sheet-collection-yedcse7in "2024 Cheat Sheet Collection") Article DEV · 2y 2024 Cheat Sheet Collection A collection of cheat sheets for developers that provide concise reference guides for various programming languages, including CSS Grid and Flexbox. Also includes recommendations for comprehensive cheat sheet collections. 1.7K 55 4. 4 [](https://daily.dev/posts/javascript-js-cheat-sheet-online-acylgbtqe "JavaScript (JS) Cheat Sheet Online") Article Community Picks · 2y JavaScript (JS) Cheat Sheet Online Interactive JavaScript Cheat Sheet with code examples covering basics, loops, conditionals, variables, data types, strings, events, numbers, dates, arrays, global functions, regular expressions, errors, JSON, and promises. 1.4K 94 5. 5 [](https://daily.dev/posts/useful-css-tools-31pesjrjz "Useful CSS Tools") Article DEV · 3y Useful CSS Tools Explore a curated list of CSS tools that can enhance your web design by simplifying the styling process and adding creativity and efficiency. This includes gradient generators, shadow creators, glassmorphism effects, sophisticated shadows, CSS scanning, animated hamburger icons, easing gradients, neumorphic design generators, CSS buttons, glow generators, and a CSS animation playground. 1.3K 81 6. 6 [](https://daily.dev/posts/i-m-a-programmer-and-i-m-stupid-keunwjpk0 "I'm a programmer and I'm stupid") Article Lobsters · 3y I'm a programmer and I'm stupid A programmer shares their experience of feeling limited in their mental capacity and discusses their approach to programming with simple languages and minimal dependencies. 1.2K 111 7. 7 [](https://daily.dev/posts/goodbye-sass-welcome-back-native-css-iynrymgi0 "Goodbye SASS 👋, welcome back native CSS") Article Community Picks · 2y Goodbye SASS 👋, welcome back native CSS CSS has undergone rapid development and now includes features once unique to Sass such as variables and CSS nesting. The :is pseudo-class revolutionizes the selector concept and container queries allow elements to adjust based on container size. Despite these advancements, Sass still has advantages like mixins and functions. 1.1K 42 8. 8 [](https://daily.dev/posts/folder-structures-in-react-projects-jfoyaqxmz "⚛️ Folder Structures in React Projects") Article Community Picks · 2y ⚛️ Folder Structures in React Projects Explore different folder structures in React projects for maintainability, scalability, and ease of navigation. Group files by type, feature, or module depending on the project's size and complexity. 1K 32 9. 9 [](https://daily.dev/posts/back-end-developer-roadmap-b4t8mjc5c "Back End Developer Roadmap") Article freeCodeCamp · 2y Back End Developer Roadmap This post provides a roadmap and overview of the core technologies and skills required to become a proficient backend developer. It covers topics such as internet basics, programming languages, Git and GitHub, relational databases, APIs, caching, API security best practices, testing, software design and architecture, message brokers, containerization, web servers, GraphQL, MongoDB, Firebase, Redis, and infrastructure knowledge. The post emphasizes the importance of continual learning and engagement in the dynamic field of backend development. 954 30 10. 10 [](https://daily.dev/posts/17-libraries-you-should-know-if-you-build-with-react-ffolu2yfb "17 Libraries You Should Know if You Build with React") Article Community Picks · 2y 17 Libraries You Should Know if You Build with React Discover 17 open source projects for React developers, covering various areas like AI chatbots, UI building, validation, testing, database, UI components, animations, internationalization, and more. 792 37 11. 11 [](https://daily.dev/posts/stop-using-count-id-to-count-rows-vlrnmqlzw "Stop using COUNT(id) to count rows") Video Community Picks · 3y Stop using COUNT(id) to count rows Counting rows using COUNT(\*) in MySQL is not slow as often believed. It is actually optimized to be the fastest way to count rows. 790 27 12. 12 [](https://daily.dev/posts/postgres-is-eating-the-database-world-qgikibapv "Postgres is eating the database world") Article Hacker News · 2y Postgres is eating the database world PostgreSQL is an advanced, open-source, and extensible data management framework that is capable of competing with Oracle and MySQL. It offers a wide range of analysis-related extensions and has the potential to become a unified, super-converged database. The emergence of PostgreSQL has shifted the paradigms in the database domain, and it is now considered a mainstream best practice. In the future, the focus will be on database extensions and services, and PostgreSQL ecosystem extensions are expected to lead the way towards a monopoly. 777 37 13. 13 [](https://daily.dev/posts/tools-that-make-me-productive-as-a-software-engineer-gqgr3mtlq "Tools that Make Me Productive as a Software Engineer") Article DEV · 3y Tools that Make Me Productive as a Software Engineer Discover essential tools for software engineers that can boost productivity in task management, documentation, and development. 685 37 14. 14 [](https://daily.dev/posts/resources-every-web-developer-needs-cszoce2gy "Resources Every Web Developer Needs") Article DEV · 2y Resources Every Web Developer Needs A post that provides a compilation of resources for web developers, including websites for learning web development, code editors to use, JavaScript animation libraries, and websites for vectors, images, and illustrations. 676 29 15. 15 [](https://daily.dev/posts/ai-will-mean-more-programmers-not-fewer-tzlcdxh3j "AI will mean more programmers, not fewer") Article Community Picks · 3y AI will mean more programmers, not fewer AI will not replace programmers, but it will make them more efficient. It can generate code faster and solve common problems, but it lacks reasoning abilities. AI is a tool that can assist programmers, but it cannot replace their creativity and imagination. 656 63 16. 16 [](https://daily.dev/posts/async-vs-defer-in-javascript-which-is-better--rjwmqpqo5 "Async vs Defer in JavaScript: Which is Better?🤔") Article DEV · 3y Async vs Defer in JavaScript: Which is Better?🤔 Learn about the async and defer attributes used when including external JavaScript files in HTML documents. Understand their differences, how they affect script execution, and when to use them. 634 34 17. 17 [](https://daily.dev/posts/how-i-build-side-projects-niuexwtou "How I build side projects") Article Saiyan Growth Letter · 2y How I build side projects This post provides an end-to-end approach for building side projects, including requirements, sketching, designing, building, testing, and documenting. It also answers frequently asked questions about what to build, finding time to work on side projects, and finishing projects on time. 630 25 18. 18 [](https://daily.dev/posts/world-s-shortest-ui-ux-design-course-ilxlvfdqf "world's shortest UI/UX design course") Video Community Picks · 2y world's shortest UI/UX design course Learn the fundamentals of UI and UX design, including user flow, wireframing, design systems, and more. Discover popular UI/UX design tools and how to create a consistent design with reusable components. 536 28 19. 19 [](https://daily.dev/posts/developer-roadmaps-8szw9txwg "Developer Roadmaps") Article Community Picks · 2y Developer Roadmaps Step by step guides and paths to learn different tools or technologies. Join the community at roadmap.sh to access resources and guidance for career growth. 508 14 20. 20 [](https://daily.dev/posts/git-by-example-interactive-guide-b4dmsouwt "Git by example: interactive guide") Article Anton Zhiyanov · 2y Git by example: interactive guide An interactive guide to Git operations, from basic to advanced. Covers creating a repo, working tree, staging area, repository, branching, merging, remote syncing, undoing changes, and more. 462 14 21. 21 [](https://daily.dev/posts/clean-code-the-art-of-clean-naming-pizmye2xy "Clean Code: The Art of Clean Naming") Article Community Picks · 2y Clean Code: The Art of Clean Naming Learn the art of clean naming in coding and how it can improve code readability and maintainability. Discover best practices for clear and descriptive naming, providing context in variable names, and avoiding abbreviations and magic numbers. 442 22 22. 22 [](https://daily.dev/posts/5-exciting-new-javascript-features-in-2024-sitepoint-lx7csdxdi "5 Exciting New JavaScript Features in 2024 — SitePoint") Article SitePoint · 2y 5 Exciting New JavaScript Features in 2024 — SitePoint Exploration of exciting and anticipated JavaScript features expected to be released in 2024, including the Temporal proposal, the Pipe Operator, Records and Tuples, and the RegExp /v flag. 432 12 23. 23 [](https://daily.dev/posts/100-docker-concepts-you-need-to-know-ggvonrl5d "100+ Docker Concepts you Need to Know") Video Fireship · 2y 100+ Docker Concepts you Need to Know The post discusses the concept of containerization, how Docker works, and how to build an image in Docker. 432 12 24. 24 [](https://daily.dev/posts/how-to-build-a-masonry-layout-using-css-2raaulo4j "How to Build a Masonry Layout Using CSS") Article Community Picks · 2y How to Build a Masonry Layout Using CSS Learn how to create a Masonry Layout using CSS by using the grid-template-columns function and the grid-column property. 417 16 25. 25 [](https://daily.dev/posts/i-know-devin-i-know--h2zopnicy "I know Devin, I know.") Article Watercooler · 2y I know Devin, I know. The post discusses a person named Devin and the author's knowledge of them. 407 14 [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/2024/03#page","url":"https://daily.dev/posts/best-of/2024/03","name":"Best Developer Posts — March 2024","description":"The most upvoted daily.dev posts from March 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2024/03#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/javascript-visualized-jf60glu2w","name":"JavaScript Visualized"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/build-an-awesome-developer-portfolio-website--bog6gc0u9","name":"Build an awesome developer portfolio website."},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/2024-cheat-sheet-collection-yedcse7in","name":"2024 Cheat Sheet Collection"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/javascript-js-cheat-sheet-online-acylgbtqe","name":"JavaScript (JS) Cheat Sheet Online"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/useful-css-tools-31pesjrjz","name":"Useful CSS Tools"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/i-m-a-programmer-and-i-m-stupid-keunwjpk0","name":"I'm a programmer and I'm stupid"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/goodbye-sass-welcome-back-native-css-iynrymgi0","name":"Goodbye SASS 👋, welcome back native CSS"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/folder-structures-in-react-projects-jfoyaqxmz","name":"⚛️ Folder Structures in React Projects"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/back-end-developer-roadmap-b4t8mjc5c","name":"Back End Developer Roadmap"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/17-libraries-you-should-know-if-you-build-with-react-ffolu2yfb","name":"17 Libraries You Should Know if You Build with React"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/stop-using-count-id-to-count-rows-vlrnmqlzw","name":"Stop using COUNT(id) to count rows"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/postgres-is-eating-the-database-world-qgikibapv","name":"Postgres is eating the database world"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/tools-that-make-me-productive-as-a-software-engineer-gqgr3mtlq","name":"Tools that Make Me Productive as a Software Engineer"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/resources-every-web-developer-needs-cszoce2gy","name":"Resources Every Web Developer Needs"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/ai-will-mean-more-programmers-not-fewer-tzlcdxh3j","name":"AI will mean more programmers, not fewer"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/async-vs-defer-in-javascript-which-is-better--rjwmqpqo5","name":"Async vs Defer in JavaScript: Which is Better?🤔"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/how-i-build-side-projects-niuexwtou","name":"How I build side projects"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/world-s-shortest-ui-ux-design-course-ilxlvfdqf","name":"world's shortest UI/UX design course"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/developer-roadmaps-8szw9txwg","name":"Developer Roadmaps"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/git-by-example-interactive-guide-b4dmsouwt","name":"Git by example: interactive guide"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/clean-code-the-art-of-clean-naming-pizmye2xy","name":"Clean Code: The Art of Clean Naming"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/5-exciting-new-javascript-features-in-2024-sitepoint-lx7csdxdi","name":"5 Exciting New JavaScript Features in 2024 — SitePoint"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/100-docker-concepts-you-need-to-know-ggvonrl5d","name":"100+ Docker Concepts you Need to Know"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/how-to-build-a-masonry-layout-using-css-2raaulo4j","name":"How to Build a Masonry Layout Using CSS"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/i-know-devin-i-know--h2zopnicy","name":"I know Devin, I 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":"March 2024"}]}]} ```