--- title: Best Community Picks posts — March 2024 | daily.dev description: The most upvoted Community Picks posts from March 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/community/best-of/2024/03 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/community/best-of/2024/03 og:type: website og:site_name: daily.dev og:title: Best Community Picks posts — March 2024 | daily.dev og:description: The most upvoted Community Picks 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 Community Picks — 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/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 3. 3 [](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 4. 4 [](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 5. 5 [](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 · 3y 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. 790 37 6. 6 [](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 7. 7 [](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 8. 8 [](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 9. 9 [](https://daily.dev/posts/developer-roadmaps-8szw9txwg "Developer Roadmaps") Article Community Picks · 3y 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 10. 10 [](https://daily.dev/posts/clean-code-the-art-of-clean-naming-pizmye2xy "Clean Code: The Art of Clean Naming") Article Community Picks · 3y 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 11. 11 [](https://daily.dev/posts/how-to-build-a-masonry-layout-using-css-2raaulo4j "How to Build a Masonry Layout Using CSS") Article Community Picks · 3y 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 12. 12 [](https://daily.dev/posts/high-quality-open-source-software-for-web-developers-mpymtlajk "High Quality Open-Source Software for Web Developers") Article Community Picks · 3y High Quality Open-Source Software for Web Developers An open-source React router with type safety, data fetching, caching, and search param APIs. 293 14 13. 13 [](https://daily.dev/posts/advanced-git-commands-every-senior-software-developer-needs-to-know-0lwq62sjb "Advanced git commands every senior software developer needs to know") Article Community Picks · 3y Advanced git commands every senior software developer needs to know Learn advanced git commands that can help you improve productivity and optimize your workflow. Topics include selective and shallow git clone, inspecting git history, comparing revisions, committing, rebasing, cherry-picking, merging, managing multiple remotes and branches, keeping repositories tidy, and enhancing the git experience with Liquip Prompt and fzf. 285 5 14. 14 [](https://daily.dev/posts/best-practices-for-reviewing-code-yv28wny54 "Best Practices For Reviewing Code") Article Community Picks · 3y Best Practices For Reviewing Code Discover the best practices for reviewing code to ensure high software quality. Learn about setting goals and standards, communicating expectations, defining a code review process, using a code review checklist, and fostering a positive code review culture. 283 8 15. 15 [](https://daily.dev/posts/opendevin-opendevin-opendevin-code-less-make-more-wfbnqgywq "OpenDevin/OpenDevin: 🐚 OpenDevin: Code Less, Make More") Article Community Picks · 2y OpenDevin/OpenDevin: 🐚 OpenDevin: Code Less, Make More OpenDevin is an open-source project aiming to replicate Devin, an autonomous AI software engineer. It allows users to run commands, generate scripts, and contribute to advancing software engineering with AI. 262 8 16. 16 [](https://daily.dev/posts/incredible-javascript-animation-libraries-4beim8f0f "Incredible JavaScript Animation Libraries") Article Community Picks · 2y Incredible JavaScript Animation Libraries JavaScript animation libraries simplify the animation process, enhance user experience, and boost website traffic. GSAP, Anime.js, Three.js, Popmotion.io, and React-spring are some popular libraries. 259 13 17. 17 [](https://daily.dev/posts/shiki-v8fllvg7w "Shiki") Article Community Picks · 3y Shiki Accurate & Beautiful. TextMate grammar powered, same engine as your VS Code. Improves with VS Code. 259 10 18. 18 [](https://daily.dev/posts/you-should-stop-writing-dockerfiles-today-do-this-instead-gypwrtrdo "You should stop writing Dockerfiles today — Do this instead") Article Community Picks · 3y You should stop writing Dockerfiles today — Do this instead Learn how to simplify the process of configuring Docker for your project using docker init. Docker init helps generate Dockerfiles, Compose files, and .dockerignore files based on your project's requirements. It supports various programming languages and follows industry best practices. 231 7 19. 19 [](https://daily.dev/posts/4-ui-design-tools-i-can-t-live-without-oahdsyspo "4 UI Design Tools I Can't Live Without") Video Community Picks · 2y 4 UI Design Tools I Can't Live Without Discover four design resources that can help you create beautiful web applications. Learn about tools for creating SVGs, finding color palettes, and improving animations on your website. 227 6 20. 20 [](https://daily.dev/posts/internet-speeds-just-got-4-5-million-times-faster-gzwjr0ly1 "Internet speeds just got 4.5 million times faster") Article Community Picks · 2y Internet speeds just got 4.5 million times faster Aston University achieves internet speeds that are 4.5 million times faster using new wavelength bands in fiber optic systems. 217 22 21. 21 [](https://daily.dev/posts/building-an-adaptive-favicon-mfgyb5bbg "Building an adaptive favicon") Article Community Picks · 3y Building an adaptive favicon Learn how to build an adaptive favicon using SVG, which allows for scalability, small file size, and embedded styling for light and dark themes. 213 9 22. 22 [](https://daily.dev/posts/breaking-down-next-js-14-wwtlniphn "Breaking Down Next.js 14") Article Community Picks · 3y Breaking Down Next.js 14 Next.js 14 introduces new features such as server components, dynamic image generation, improved data fetching, caching strategies, and metadata management. It offers enhanced routing, error handling, page layouts, and middleware options. It aims to optimize web development, provide better performance, and set new standards for React developers. 215 9 23. 23 [](https://daily.dev/posts/top-headless-ui-libraries-for-react-in-2024-blog-kmki3heqt "Top Headless UI libraries for React in 2024 | Blog") Article Community Picks · 3y Top Headless UI libraries for React in 2024 | Blog Explore the top headless UI libraries for React in 2024, including Radix UI, Headless UI, React Aria, Aria Kit, Ark UI, and Reach UI. These libraries prioritize accessibility, customization, and scalability, offering distinct advantages for web development and inclusive design practices. 208 12 24. 24 [](https://daily.dev/posts/the-faster-redis-alternative-bq04s9lo6 "The Faster Redis Alternative") Article Community Picks · 2y The Faster Redis Alternative KeyDB is a fully open source database and a faster drop-in alternative to Redis. It offers high throughput, supports various data structures, has multiple persistence options, and is scalable to any workload. KeyDB also has open source features such as MVCC non-blocking architecture, cross-region multi-master support, better EXPIRation, TLS encryption, and ModJS for creating custom commands. 199 3 25. 25 [](https://daily.dev/posts/introducing-nue-css-hbtoqqsnz "Introducing Nue CSS") Article Community Picks · 3y Introducing Nue CSS Introducing Nue CSS, a scalable alternative to Tailwind, BEM, and CSS-in-JS. It offers a more maintainable and scalable way to write and structure CSS, making it easy to create consistent designs and simplify maintenance. Nue CSS aims to offload the burden from JavaScript developers and provide a clean separation of concerns for content creators, designers, and CSS developers. 190 9 [See all Community Picks archives](/sources/community/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/sources/community/best-of/2024/03#page","url":"https://daily.dev/sources/community/best-of/2024/03","name":"Best Community Picks Posts — March 2024","description":"The most upvoted Community Picks posts from March 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/community/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/javascript-js-cheat-sheet-online-acylgbtqe","name":"JavaScript (JS) Cheat Sheet Online"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/goodbye-sass-welcome-back-native-css-iynrymgi0","name":"Goodbye SASS 👋, welcome back native CSS"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/folder-structures-in-react-projects-jfoyaqxmz","name":"⚛️ Folder Structures in React Projects"},{"@type":"ListItem","position":5,"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":6,"url":"https://daily.dev/posts/stop-using-count-id-to-count-rows-vlrnmqlzw","name":"Stop using COUNT(id) to count rows"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/ai-will-mean-more-programmers-not-fewer-tzlcdxh3j","name":"AI will mean more programmers, not fewer"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/world-s-shortest-ui-ux-design-course-ilxlvfdqf","name":"world's shortest UI/UX design course"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/developer-roadmaps-8szw9txwg","name":"Developer Roadmaps"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/clean-code-the-art-of-clean-naming-pizmye2xy","name":"Clean Code: The Art of Clean Naming"},{"@type":"ListItem","position":11,"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":12,"url":"https://daily.dev/posts/high-quality-open-source-software-for-web-developers-mpymtlajk","name":"High Quality Open-Source Software for Web Developers"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/advanced-git-commands-every-senior-software-developer-needs-to-know-0lwq62sjb","name":"Advanced git commands every senior software developer needs to know"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/best-practices-for-reviewing-code-yv28wny54","name":"Best Practices For Reviewing Code"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/opendevin-opendevin-opendevin-code-less-make-more-wfbnqgywq","name":"OpenDevin/OpenDevin: 🐚 OpenDevin: Code Less, Make More"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/incredible-javascript-animation-libraries-4beim8f0f","name":"Incredible JavaScript Animation Libraries"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/shiki-v8fllvg7w","name":"Shiki"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/you-should-stop-writing-dockerfiles-today-do-this-instead-gypwrtrdo","name":"You should stop writing Dockerfiles today — Do this instead"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/4-ui-design-tools-i-can-t-live-without-oahdsyspo","name":"4 UI Design Tools I Can't Live Without"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/internet-speeds-just-got-4-5-million-times-faster-gzwjr0ly1","name":"Internet speeds just got 4.5 million times faster"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/building-an-adaptive-favicon-mfgyb5bbg","name":"Building an adaptive favicon"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/breaking-down-next-js-14-wwtlniphn","name":"Breaking Down Next.js 14"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/top-headless-ui-libraries-for-react-in-2024-blog-kmki3heqt","name":"Top Headless UI libraries for React in 2024 | Blog"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/the-faster-redis-alternative-bq04s9lo6","name":"The Faster Redis Alternative"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/introducing-nue-css-hbtoqqsnz","name":"Introducing Nue CSS"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/community/best-of"},{"@type":"ListItem","position":5,"name":"March 2024"}]}]} ```