--- title: Best Community Picks posts — August 2024 | daily.dev description: The most upvoted Community Picks posts from August 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/community/best-of/2024/08 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/community/best-of/2024/08 og:type: website og:site_name: daily.dev og:title: Best Community Picks posts — August 2024 | daily.dev og:description: The most upvoted Community Picks posts from August 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 — August 2024 1. 1 [](https://daily.dev/posts/bye-bye-try-catch-blocks-meet-javascript-s-safe-assignment-operator-proposal--fkyje8mxx "Bye Bye, Try-Catch Blocks: Meet JavaScript's Safe Assignment Operator Proposal😉") Article Community Picks · 2y Bye Bye, Try-Catch Blocks: Meet JavaScript's Safe Assignment Operator Proposal😉 The proposed Safe Assignment Operator (\`?=\`) in JavaScript aims to simplify error handling by reducing the need for traditional try-catch blocks. This operator transforms function results into a tuple, improving code readability and consistency across APIs. It also automatically handles errors, enhancing security. Inspired by constructs in languages like Go, Rust, and Swift, it supports integration with Promises and async functions and offers customizable error handling via \`Symbol.result\`. 7.3K 214 2. 2 [](https://daily.dev/posts/tailwind-generator-8v5zx5tey "Tailwind Generator") Article Community Picks · 2y Tailwind Generator Leverage a graphical editor to easily create, design, and customize a landing page using Tailwind. Choose from various variants and customization options to get started quickly. 2.8K 75 3. 3 [](https://daily.dev/posts/18-github-repositories-to-boost-your-career-as-a-developer--f10qyzkm3 "18 GitHub Repositories to Boost Your Career as a Developer 🚀🧑‍💻") Article Community Picks · 2y 18 GitHub Repositories to Boost Your Career as a Developer 🚀🧑‍💻 Staying current with the latest tools and resources is crucial in the evolving field of software development. Here’s a curated list of useful GitHub repositories for roadmaps, data structures, algorithms, interview preparation, job listings, and more. These repositories are community-driven and cover a range of topics including frontend/backend development, DevOps, machine learning, and design patterns. Ideal for both beginners and seasoned professionals, these resources provide structured learning paths to help developers advance their careers. 2.3K 36 4. 4 [](https://daily.dev/posts/how-i-use-chatgpt-as-a-frontend-developer-5-ways--hdlqis7sa "How I Use ChatGPT as a Frontend Developer (5 Ways)") Article Community Picks · 2y How I Use ChatGPT as a Frontend Developer (5 Ways) A frontend developer shares five ways to use ChatGPT for optimizing workflow, including formatting JSON, creating UI skeletons, generating random data, working with regular expressions, and finding code solutions. By leveraging ChatGPT, tasks such as creating Material UI skeletons or finding regex solutions become more efficient, saving time and enhancing productivity. 1.5K 56 5. 5 [](https://daily.dev/posts/open-source-3d-icon-library-hjfammvjq "Open source 3D icon library") Article Community Picks · 2y Open source 3D icon library Beautifully crafted open source 3D icons are 100% free for commercial and personal use under the CC0 license. They can be used with any design tool and are available in four predefined color styles. The icons come in three camera angles with high-quality renders. Custom 3D icon packs are available for commission. The creator started this project while learning Blender, aiming to make widely used 3D icons available to the community. Future plans include plugins for various design tools and an online editor. 1.1K 35 6. 6 [](https://daily.dev/posts/vs-code-setup---recommended-extensions-yppnoamqq "VS Code Setup - Recommended Extensions") Article Community Picks · 2y VS Code Setup - Recommended Extensions A curated list of recommended Visual Studio Code extensions categorized by their use cases, such as markdown support, general writing, GitHub integration, CSV handling, Japanese language tools, styling and themes, and various utility extensions. Includes a step-by-step guide for easy installation of all listed extensions via an \`extensions.json\` file. 1.1K 26 7. 7 [](https://daily.dev/posts/isocons-hcihdoyw8 "Isocons") Article Community Picks · 2y Isocons This post provides a comprehensive list of various user interface (UI) actions and icons commonly used in app development, including functions like adding shapes, navigating through different interface elements, performing actions such as downloading, uploading, and more. It covers essential icons like arrows, checkboxes, and settings, serving as a reference for designers and developers. 1.1K 30 8. 8 [](https://daily.dev/posts/glass-an-ai-copilot-for-react-and-next-js-developers--nzatngh7o "Glass: an AI copilot for React and Next.js developers.") Article Community Picks · 2y Glass: an AI copilot for React and Next.js developers. Glass provides an AI-powered assistant for React and Next.js developers, enabling them to create components, modify props, and write Tailwind CSS directly from the browser. It also allows developers to visualize component structures by hovering over elements and instantly jump to the source code of the selected element. 1K 41 9. 9 [](https://daily.dev/posts/open-source-illustrations-kit-efi0tjshw "Open source illustrations kit") Article Community Picks · 2y Open source illustrations kit Over 120 high-quality illustrations, initially created as part of a 100-day challenge, are now available for free download and use in commercial and personal projects. These illustrations can be easily integrated into Figma and FigJam as SVG/Vector files. No attribution or licensing is required. 970 39 10. 10 [](https://daily.dev/posts/every-react-concept-explained-in-5-minutes-iznvrf0kh "Every React Concept Explained in 5 Minutes") Article Community Picks · 2y Every React Concept Explained in 5 Minutes React is a versatile JavaScript library for building front-end code efficiently. Key concepts include Components, JSX, Fragments, Props, State, Lifecycle Methods, Purity, Strict Mode, Hooks, Context API, Lists and Keys, Controlled and Uncontrolled Components, and React Router. Understanding these concepts enables efficient development of interactive and dynamic web applications using React. 771 24 11. 11 [](https://daily.dev/posts/create-beautiful-images-of-your-code-as26erti4 "Create beautiful images of your code") Article Community Picks · 2y Create beautiful images of your code Learn how to create visually appealing images of your code using Raycast API. Customize by adjusting themes, background, dark mode, padding, and language to enhance readability. 709 37 12. 12 [](https://daily.dev/posts/tailwind-component-library-a297aalco "Tailwind Component Library") Article Community Picks · 2y Tailwind Component Library Tailbits is a comprehensive library of UI components designed with Tailwind CSS. It offers a wide range of components for various projects, allowing for easy copy-pasting. The components are licensed under CC BY 4.0 and the tool is developed by Danny Postma. 637 13 13. 13 [](https://daily.dev/posts/consolo-v2cx3dseu "consolo") Article Community Picks · 2y consolo Consolo is currently in progress with an engineering sample already made. The team is working to complete and release the product soon. Follow them on social media or join their mailing list for updates. 598 49 14. 14 [](https://daily.dev/posts/mysql-visual-explain-bb9s4esqc "MySQL Visual Explain") Article Community Picks · 2y MySQL Visual Explain Investigate slow query performance through a simple visualization tool instead of deciphering MySQL's complex EXPLAIN output. Most developers find EXPLAIN difficult to read because it was designed for internal use by MySQL developers to debug and tune query execution. 561 13 15. 15 [](https://daily.dev/posts/101-react-tips-tricks-for-beginners-to-experts--ea3aejhpp "101 React Tips & Tricks For Beginners To Experts ✨") Article Community Picks · 2y 101 React Tips & Tricks For Beginners To Experts ✨ This comprehensive guide shares 101 React tips and tricks collected over 5 years of professional experience. It covers a wide range of topics including component organization, design patterns, state management, code optimization, debugging, testing, hooks, and useful React libraries/tools. Key takeaways include efficient use of props, state, and context, leveraging design patterns and memoization, and employing critical React libraries for enhanced development. 533 23 16. 16 [](https://daily.dev/posts/tailwindcss-buttons-ltdxo9vyy "TailwindCSS Buttons") Article Community Picks · 2y TailwindCSS Buttons The post provides three methods for including TailwindCSS buttons in your project: using the Tailwind JIT CDN, adding the necessary code to a TailwindCSS project with JIT mode enabled, or pasting the code into a Codepen for immediate use. 505 12 17. 17 [](https://daily.dev/posts/tailwind-toots-swv64bfbn "Tailwind Toots") Article Community Picks · 2y Tailwind Toots Tailwind Toots offers mini-video tutorials on Tailwind CSS created by simonswiss. 432 15 18. 18 [](https://daily.dev/posts/7-best-remote-job-boards-to-land-your-next-dev-work-in-2024-iuoja7osi "7 Best Remote Job Boards to Land Your Next Dev Work in 2024") Article Community Picks · 2y 7 Best Remote Job Boards to Land Your Next Dev Work in 2024 If you're looking for dev work in 2024, avoid large job aggregators like Indeed and LinkedIn, and try niche remote job boards. Recommended boards include Otta, Cord, Wellfound, Remote OK, We Work Remotely, JS Remotely, and 4 Day Week. These offer curated job listings, great UX/UI, and various helpful features to streamline your job search. 421 11 19. 19 [](https://daily.dev/posts/create-stunning-code-presentations-and-videos-fg0uipplc "Create stunning Code Presentations and Videos") Article Community Picks · 2y Create stunning Code Presentations and Videos snappify allows developers to create stunning and interactive presentations with powerful animation features, perfect for code snippets. It's also ideal for creating engaging technical content for social media and educational materials for better comprehension. It provides support for embedding visuals in various platforms and comes with features like adding multiple code windows, annotating with text and arrows, and customizing branding. The platform offers various pricing plans including a free option. 404 7 20. 20 [](https://daily.dev/posts/implement-clean-architecture-in-next-js-dztizssbk "Implement Clean Architecture in Next.js") Video Community Picks · 2y Implement Clean Architecture in Next.js Clean architecture, a concept developed by Robert Martin, integrates various software architectures like hexagonal, onion, and others into a cohesive framework. It focuses on ensuring that the business logic of an application remains independent of frameworks, UI, databases, and external agencies. The post discusses implementing clean architecture in a Next.js application, highlighting the importance of separating different concerns through layers. It explains how to structure code to make applications more testable and maintainable. Key aspects include dependency injection, unit testing, and the interaction between different architectural layers. 398 6 21. 21 [](https://daily.dev/posts/i-built-an-event-scheduler-in-nodejs-using-google-calendar-api--iskhc6m3d "I Built an Event Scheduler in NodeJs using Google Calendar API 🚀") Article Community Picks · 2y I Built an Event Scheduler in NodeJs using Google Calendar API 🚀 The post guides you through building an event scheduler in Node.js that integrates with Google Calendar API. It covers setting up a Node.js project, configuring environment variables, creating an Express server, and using OAuth 2.0 for authentication. Additionally, it explains how to schedule events, add Google Meet links, and notify attendees via email. 380 15 22. 22 [](https://daily.dev/posts/encore-ts-9x-faster-than-express-js-3x-faster-than-bun-zod-r4ivrwyvh "Encore.ts — 9x faster than Express.js & 3x faster than Bun + Zod") Article Community Picks · 2y Encore.ts — 9x faster than Express.js & 3x faster than Bun + Zod Encore.ts is an Open Source backend framework for TypeScript, boasting performance numbers 9x faster than Express.js and 3x faster than Bun with Zod. Its architecture leverages a multi-threaded event loop using Rust, and precomputes request schemas to optimize performance. With infrastructure integrations built in Rust, Encore.ts aims to off-load non-business logic from the JavaScript event loop, making backend applications highly optimized for speed and efficiency while maintaining compatibility with Node.js. 332 22 23. 23 [](https://daily.dev/posts/javascript-visualized---closures-umrtdjfqw "JavaScript Visualized - Closures") Video Community Picks · 2y JavaScript Visualized - Closures 326 5 24. 24 [](https://daily.dev/posts/thedevdojo-pines-the-pines-ui-library-jmvdc7aml "thedevdojo/pines: The Pines UI library") Article Community Picks · 2y thedevdojo/pines: The Pines UI library Pines UI Library is an open-source project available on GitHub, easy to set up locally with NodeJS and http-server. It is licensed under the MIT license. For support and questions, users are encouraged to visit the DevDojo discussions section. 324 18 25. 25 [](https://daily.dev/posts/atomic-design-pattern-structuring-your-react-application-zpep7ljm2 "Atomic Design Pattern: Structuring Your React Application") Article Community Picks · 2y Atomic Design Pattern: Structuring Your React Application The Atomic Design Pattern is a methodology for structuring React applications by breaking down interfaces into fundamental building blocks called atoms, molecules, organisms, templates, and pages. This approach enhances modularity, readability, maintainability, and flexibility. By organizing components into distinct levels, managing state appropriately, and thoroughly documenting components, developers can create scalable and consistent user interfaces. The methodology has been successfully adopted by companies like Shopify and IBM for their design systems. 323 7 [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/08#page","url":"https://daily.dev/sources/community/best-of/2024/08","name":"Best Community Picks Posts — August 2024","description":"The most upvoted Community Picks posts from August 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/08#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/bye-bye-try-catch-blocks-meet-javascript-s-safe-assignment-operator-proposal--fkyje8mxx","name":"Bye Bye, Try-Catch Blocks: Meet JavaScript's Safe Assignment Operator Proposal😉"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/tailwind-generator-8v5zx5tey","name":"Tailwind Generator"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/18-github-repositories-to-boost-your-career-as-a-developer--f10qyzkm3","name":"18 GitHub Repositories to Boost Your Career as a Developer 🚀🧑‍💻"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/how-i-use-chatgpt-as-a-frontend-developer-5-ways--hdlqis7sa","name":"How I Use ChatGPT as a Frontend Developer (5 Ways)"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/open-source-3d-icon-library-hjfammvjq","name":"Open source 3D icon library"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/vs-code-setup---recommended-extensions-yppnoamqq","name":"VS Code Setup - Recommended Extensions"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/isocons-hcihdoyw8","name":"Isocons"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/glass-an-ai-copilot-for-react-and-next-js-developers--nzatngh7o","name":"Glass: an AI copilot for React and Next.js developers."},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/open-source-illustrations-kit-efi0tjshw","name":"Open source illustrations kit"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/every-react-concept-explained-in-5-minutes-iznvrf0kh","name":"Every React Concept Explained in 5 Minutes"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/create-beautiful-images-of-your-code-as26erti4","name":"Create beautiful images of your code"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/tailwind-component-library-a297aalco","name":"Tailwind Component Library"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/consolo-v2cx3dseu","name":"consolo"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/mysql-visual-explain-bb9s4esqc","name":"MySQL Visual Explain"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/101-react-tips-tricks-for-beginners-to-experts--ea3aejhpp","name":"101 React Tips & Tricks For Beginners To Experts ✨"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/tailwindcss-buttons-ltdxo9vyy","name":"TailwindCSS Buttons"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/tailwind-toots-swv64bfbn","name":"Tailwind Toots"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/7-best-remote-job-boards-to-land-your-next-dev-work-in-2024-iuoja7osi","name":"7 Best Remote Job Boards to Land Your Next Dev Work in 2024"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/create-stunning-code-presentations-and-videos-fg0uipplc","name":"Create stunning Code Presentations and Videos"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/implement-clean-architecture-in-next-js-dztizssbk","name":"Implement Clean Architecture in Next.js"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/i-built-an-event-scheduler-in-nodejs-using-google-calendar-api--iskhc6m3d","name":"I Built an Event Scheduler in NodeJs using Google Calendar API 🚀"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/encore-ts-9x-faster-than-express-js-3x-faster-than-bun-zod-r4ivrwyvh","name":"Encore.ts — 9x faster than Express.js & 3x faster than Bun + Zod"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/javascript-visualized---closures-umrtdjfqw","name":"JavaScript Visualized - Closures"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/thedevdojo-pines-the-pines-ui-library-jmvdc7aml","name":"thedevdojo/pines: The Pines UI library"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/atomic-design-pattern-structuring-your-react-application-zpep7ljm2","name":"Atomic Design Pattern: Structuring Your React Application"}]},{"@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":"August 2024"}]}]} ```