--- title: Best Community Picks posts — April 2024 | daily.dev description: The most upvoted Community Picks posts from April 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/community/best-of/2024/04 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/community/best-of/2024/04 og:type: website og:site_name: daily.dev og:title: Best Community Picks posts — April 2024 | daily.dev og:description: The most upvoted Community Picks posts from April 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 — April 2024 1. 1 [](https://daily.dev/posts/visual-programming-for-developers-gqo6fz0wx "Visual Programming. For Developers") Article Community Picks · 2y Visual Programming. For Developers Flyde is a visual programming tool that simplifies coding tasks, integrates with existing workflows, and democratizes innovation. 1.4K 92 2. 2 [](https://daily.dev/posts/how-i-write-commits-like-a-pro-nr6tkucd1 "How I write Commits like a pro") Article Community Picks · 2y How I write Commits like a pro Crafting effective commit messages is a hallmark of experienced developers. Embracing the Conventional Commits specification stands as a beacon for structuring commit messages. It sets a gold standard for clarity and consistency and aligns with Semantic Versioning (SemVer). 1K 40 3. 3 [](https://daily.dev/posts/new-features-in-react-19-updates-with-code-examples-swfmuwzhl "New Features in React 19 – Updates with Code Examples") Article Community Picks · 2y New Features in React 19 – Updates with Code Examples React 19 introduces new features such as the React compiler, server components, actions, web components, enhanced hooks, asset loading, and form hooks. These changes aim to improve performance, simplify coding, and enhance the user experience. 940 35 4. 4 [](https://daily.dev/posts/learn-css-html-and-javascript-by-playing-coding-games-wp09rxfzg "Learn CSS, HTML and JavaScript by Playing Coding Games") Article Community Picks · 2y Learn CSS, HTML and JavaScript by Playing Coding Games Learn CSS, HTML, and JavaScript by playing coding games in an engaging and interactive environment. Traditional learning methods lack practice, engagement, and can be boring. By combining practice and an interactive learning environment, you can make learning to code more efficient, interesting, and fun. 709 31 5. 5 [](https://daily.dev/posts/freefrontend-cxrrtolvi "FreeFrontend") Article Community Picks · 2y FreeFrontend A curated collection of CSS Hover Effects with 17 new items added. Explore the power and versatility of hover effects with free HTML and CSS code examples. 698 15 6. 6 [](https://daily.dev/posts/cheatsheet-linux-commands-for-devops-bhpmrynee "CheatSheet: Linux Commands for DevOps") Article Community Picks · 2y CheatSheet: Linux Commands for DevOps A comprehensive guide to essential Linux commands for DevOps professionals, covering over 50 commands with practical examples. 626 28 7. 7 [](https://daily.dev/posts/5-developer-communities-you-must-join-in-2024-tuwkubipj "5 Developer Communities You Must Join in 2024") Article Community Picks · 2y 5 Developer Communities You Must Join in 2024 Discover the top 5 developer communities to join in 2024 and how they can help you grow in your career. 454 18 8. 8 [](https://daily.dev/posts/my-git-cheatsheet-cy4p73zfu "My Git Cheatsheet") Article Community Picks · 2y My Git Cheatsheet A comprehensive Git cheatsheet with explanations and examples of common commands and workflows. Includes information on branching, merging, undoing changes, and recovering lost commits. 443 14 9. 9 [](https://daily.dev/posts/session-based-vs-token-based-authentication-which-is-better--gu24tmoty "🔐 Session-Based vs. Token-Based Authentication: Which is better?🤔") Article Community Picks · 2y 🔐 Session-Based vs. Token-Based Authentication: Which is better?🤔 Learn about session-based and token-based authentication methods used in backend applications. Understand the implementation steps and the key differences between the two methods. 352 7 10. 10 [](https://daily.dev/posts/i-solved-300-leetcode-problems-here-is-what-i-learnt--jvlde7jbv "I Solved 300+ Leetcode problems here is what I learnt.") Article Community Picks · 2y I Solved 300+ Leetcode problems here is what I learnt. A post describing the author's journey of solving 300+ Leetcode problems and the lessons they learned along the way. 351 21 11. 11 [](https://daily.dev/posts/web-development-trends-for-2024-8izyith40 "Web Development Trends For 2024") Article Community Picks · 2y Web Development Trends For 2024 The future trends of web development for 2024 include the adoption of AI and ML, the rise of Internet of Behavior (IoB), the mainstream use of Headless CMS, the expansion of micro frontends, the importance of mobile optimization, the widespread adoption of GraphQL, the emergence of Zero Trust Architecture (ZTA), the trend towards serverless architecture, the introduction of edge computing, and the popularity of programming languages and frameworks such as Rust, JavaScript, Python, Django, Node.js, Svelte, and Qwik. 347 12 12. 12 [](https://daily.dev/posts/subframe-the-best-way-to-build-ui-fast--rc6gvnzik "Subframe – The best way to build UI, fast.") Article Community Picks · 2y Subframe – The best way to build UI, fast. Subframe is a fast way to build UI with value props. 336 11 13. 13 [](https://daily.dev/posts/public-apis-a-directory-of-free-and-public-apis-kreoft5mu "Public APIs — A directory of free and public apis") Article Community Picks · 2y Public APIs — A directory of free and public apis Discover a directory of free and public APIs to enhance your projects. Access a wide range of APIs for weather, job search, and more. Shorten URLs and analyze website data with API integration. 322 3 14. 14 [](https://daily.dev/posts/12-tips-from-a-mid-level-developer-1xom8ka5c "12 Tips from a Mid-level Developer") Article Community Picks · 2y 12 Tips from a Mid-level Developer Tips and advice for developers, including the importance of results over experience, the need to learn how to find information, the benefits of going deep on the basics, the value of systems thinking, the importance of trying before asking, the need for code quality and testing, the importance of turning requirements into software, the value of community and mentorship, finding enjoyment in programming, and the significance of individual journeys. 233 14 15. 15 [](https://daily.dev/posts/the-guide-to-git-i-never-had--xwzeelv5g "The guide to Git I never had.") Article Community Picks · 2y The guide to Git I never had. Learn the foundational concepts of Git, set up credentials, and explore popular Git workflows. Mastering Git is essential for developers. 212 7 16. 16 [](https://daily.dev/posts/pinggy---public-urls-for-localhost-without-downloading-any-binary-bmhbeowjs "Pinggy - Public URLs for localhost without downloading any binary") Article Community Picks · 2y Pinggy - Public URLs for localhost without downloading any binary Pinggy is a component library that helps ship UI code faster. It also works with Reform to easily collect user feedback from the Pinggy website. 204 10 17. 17 [](https://daily.dev/posts/the-first-framework-that-lets-you-visualize-your-react-nodejs-app--kl5ftjyi0 "🥇The first framework that lets you visualize your React/NodeJS app 🤯") Article Community Picks · 2y 🥇The first framework that lets you visualize your React/NodeJS app 🤯 Wasp Studio is a full-stack React, NodeJS, and Prisma framework that visualizes your entire full-stack app. It provides features like auth, cron jobs, routes, and email sending. Wasp Studio has potential for adding new functionality, collaborates with AI and Large Language Models, and simplifies code generation. 167 7 18. 18 [](https://daily.dev/posts/8-mental-anti-patterns-preventing-you-from-becoming-a-10x-software-developer-part-1-o9szdgqbl "8 Mental Anti-Patterns Preventing You From Becoming a 10X Software Developer — Part 1") Article Community Picks · 2y 8 Mental Anti-Patterns Preventing You From Becoming a 10X Software Developer — Part 1 This post discusses common mental anti-patterns that prevent software developers from becoming 10X developers. It explores the concept of 10X developers and their value to organizations. Additionally, it provides insights on how to overcome the fear of tackling legacy code and unfamiliar challenges. The post emphasizes the importance of automation, fearlessness, and taking calculated risks in a software development career. 164 14 19. 19 [](https://daily.dev/posts/why-ui-designers-should-understand-flexbox-and-css-grid-v88zodqdp "Why UI designers should understand Flexbox and CSS Grid") Article Community Picks · 2y Why UI designers should understand Flexbox and CSS Grid Learn why UI designers should understand Flexbox and CSS Grid for responsive design. Explore the differences between column-based design and modern CSS layouts. 157 6 20. 20 [](https://daily.dev/posts/how-to-be-a-great-software-engineer-without-using-your-brain--gi3fqnk8u "🧠 How to be a great software engineer without using your brain.") Article Community Picks · 2y 🧠 How to be a great software engineer without using your brain. Learn how to be a successful software engineer without using excessive brainpower. Discover work methodologies and practices that can help simplify complexity. Explore the difference between TDD and BDD. 143 9 21. 21 [](https://daily.dev/posts/the-art-of-self-learning-how-to-teach-yourself-any-programming-concept--ioxjpuwbg "🕵️‍♂️ The Art of Self-Learning: How to Teach Yourself Any Programming Concept 🤓") Article Community Picks · 2y 🕵️‍♂️ The Art of Self-Learning: How to Teach Yourself Any Programming Concept 🤓 Learn programming effectively with these self-learning tips and project ideas. Choose practical and interesting projects, pick the right tools, and embrace the learning process with curiosity and patience. 133 7 22. 22 [](https://daily.dev/posts/biome-v1-7-b5f27dzxz "Biome v1.7") Article Community Picks · 2y Biome v1.7 Biome v1.7 introduces easy migration from ESLint and Prettier, experimental machine-readable reports, new linter rules, and the ability to check git staged files. 130 7 23. 23 [](https://daily.dev/posts/how-to-use-tanstack-query-to-write-cleaner-react-code-as-a-junior-developer-d2amzd9ux "How to Use TanStack-Query to Write Cleaner React Code as a Junior Developer") Article Community Picks · 2y How to Use TanStack-Query to Write Cleaner React Code as a Junior Developer Learn how to use React Query to write cleaner React code as a junior developer. Understand the difference between client state and server state, install React Query in your project, and replace data fetching code and states with the useQuery hook. 128 1 24. 24 [](https://daily.dev/posts/next-js-the-future-of-react--x1xdt8y7b "Next.js: The Future Of React?") Article Community Picks · 2y Next.js: The Future Of React? Next.js is a React framework for building full-stack web applications. It provides extra functionalities on top of React.js, including server-side rendering (SSR) and improved SEO. Next.js offers benefits such as improved performance, enhanced SEO, and easy caching of rendered data. In comparison to React.js, Next.js solves problems related to search engine indexing and website previews. It is a valuable addition to the tech stack for those who prioritize SEO and performance. As for the future of React.js and frontend development, Next.js offers powerful features and tools that contribute to its growing popularity. 125 12 25. 25 [](https://daily.dev/posts/leveraging-side-projects-for-career-growth-in-engineering-xbey0a48h "Leveraging Side Projects for Career Growth in Engineering") Article Community Picks · 2y Leveraging Side Projects for Career Growth in Engineering Learn about the definition of side projects, their benefits and challenges, and how to build one effectively. 125 4 [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/04#page","url":"https://daily.dev/sources/community/best-of/2024/04","name":"Best Community Picks Posts — April 2024","description":"The most upvoted Community Picks posts from April 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/04#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/visual-programming-for-developers-gqo6fz0wx","name":"Visual Programming. For Developers"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/how-i-write-commits-like-a-pro-nr6tkucd1","name":"How I write Commits like a pro"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/new-features-in-react-19-updates-with-code-examples-swfmuwzhl","name":"New Features in React 19 – Updates with Code Examples"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/learn-css-html-and-javascript-by-playing-coding-games-wp09rxfzg","name":"Learn CSS, HTML and JavaScript by Playing Coding Games"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/freefrontend-cxrrtolvi","name":"FreeFrontend"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/cheatsheet-linux-commands-for-devops-bhpmrynee","name":"CheatSheet: Linux Commands for DevOps"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/5-developer-communities-you-must-join-in-2024-tuwkubipj","name":"5 Developer Communities You Must Join in 2024"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/my-git-cheatsheet-cy4p73zfu","name":"My Git Cheatsheet"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/session-based-vs-token-based-authentication-which-is-better--gu24tmoty","name":"🔐 Session-Based vs. Token-Based Authentication: Which is better?🤔"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/i-solved-300-leetcode-problems-here-is-what-i-learnt--jvlde7jbv","name":"I Solved 300+ Leetcode problems here is what I learnt."},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/web-development-trends-for-2024-8izyith40","name":"Web Development Trends For 2024"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/subframe-the-best-way-to-build-ui-fast--rc6gvnzik","name":"Subframe – The best way to build UI, fast."},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/public-apis-a-directory-of-free-and-public-apis-kreoft5mu","name":"Public APIs — A directory of free and public apis"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/12-tips-from-a-mid-level-developer-1xom8ka5c","name":"12 Tips from a Mid-level Developer"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/the-guide-to-git-i-never-had--xwzeelv5g","name":"The guide to Git I never had."},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/pinggy---public-urls-for-localhost-without-downloading-any-binary-bmhbeowjs","name":"Pinggy - Public URLs for localhost without downloading any binary"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/the-first-framework-that-lets-you-visualize-your-react-nodejs-app--kl5ftjyi0","name":"🥇The first framework that lets you visualize your React/NodeJS app 🤯"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/8-mental-anti-patterns-preventing-you-from-becoming-a-10x-software-developer-part-1-o9szdgqbl","name":"8 Mental Anti-Patterns Preventing You From Becoming a 10X Software Developer — Part 1"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/why-ui-designers-should-understand-flexbox-and-css-grid-v88zodqdp","name":"Why UI designers should understand Flexbox and CSS Grid"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/how-to-be-a-great-software-engineer-without-using-your-brain--gi3fqnk8u","name":"🧠 How to be a great software engineer without using your brain."},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/the-art-of-self-learning-how-to-teach-yourself-any-programming-concept--ioxjpuwbg","name":"🕵️‍♂️ The Art of Self-Learning: How to Teach Yourself Any Programming Concept 🤓"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/biome-v1-7-b5f27dzxz","name":"Biome v1.7"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/how-to-use-tanstack-query-to-write-cleaner-react-code-as-a-junior-developer-d2amzd9ux","name":"How to Use TanStack-Query to Write Cleaner React Code as a Junior Developer"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/next-js-the-future-of-react--x1xdt8y7b","name":"Next.js: The Future Of React?"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/leveraging-side-projects-for-career-growth-in-engineering-xbey0a48h","name":"Leveraging Side Projects for Career Growth in Engineering"}]},{"@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":"April 2024"}]}]} ```