--- title: Best DEV posts — June 2024 | daily.dev description: The most upvoted DEV posts from June 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/devto/best-of/2024/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/devto/best-of/2024/06 og:type: website og:site_name: daily.dev og:title: Best DEV posts — June 2024 | daily.dev og:description: The most upvoted DEV posts from June 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 DEV — June 2024 1. 1 [](https://daily.dev/posts/7-habits-that-programmers-must-have--w1ywvltxp "7 Habits that Programmers Must Have!") Article DEV · 2y 7 Habits that Programmers Must Have! Learn about the 7 habits that programmers must have to increase productivity and achieve success in their careers. 2.8K 67 2. 2 [](https://daily.dev/posts/new-css-media-queries-syntax--lxcdtokan "New CSS media queries syntax 💥") Article DEV · 2y New CSS media queries syntax 💥 The new CSS media query syntax simplifies defining responsive breakpoints, making code cleaner and more intuitive. It offers enhanced clarity, efficiency, and compatibility across modern browsers, streamlining the development process. 2.3K 98 3. 3 [](https://daily.dev/posts/onclick-somefunction-vs-onclick-somefunction--pmbieyn9j "onClick={someFunction} VS onClick={()=>someFunction}") Article DEV · 2y onClick={someFunction} VS onClick={()=>someFunction} Using \`onClick={someFunction}\` directly references the function and executes it on click without creating an extra function, making it more efficient for simple handlers. In contrast, \`onClick={() => someFunction()}\` creates a new function on each render, ideal for scenarios where arguments need to be passed or additional operations are required before executing the function. 2.2K 99 4. 4 [](https://daily.dev/posts/rest-api-design-rules-44pdexbrt "REST API Design Rules") Article DEV · 2y REST API Design Rules Importance of clean REST API designs for usability, maintainability, security, performance, development time, scalability, reusability, and documentation. URI rules include plural collections, singular/singletons, no trailing forward slashes, hyphen use, lowercase letters, no file extensions, and avoiding CRUD function names. HTTP method rules for creating, reading, updating, deleting, and patching resources. Versioning for maintaining backward compatibility and consistent API design. 1.3K 32 5. 5 [](https://daily.dev/posts/i-ve-worked-in-it-for-over-10-years-here-are-5-things-i-wish-i-knew-when-i-started-ojdmug7vn "I’ve worked in IT for over 10 years. Here are 5 things I wish I knew when I started") Article DEV · 2y I’ve worked in IT for over 10 years. Here are 5 things I wish I knew when I started Advice from an experienced IT professional: prioritize consistency in your career, embrace the struggle of learning, don't cling to a bad job, consider the benefits of job hopping, and seize even small opportunities. Also, don't be intimidated by jargon and abstractions. 1.1K 52 6. 6 [](https://daily.dev/posts/create-an-attractive-github-profile-readme--oydhb6kda "🚀 Create An Attractive GitHub Profile README 📝") Article DEV · 2y 🚀 Create An Attractive GitHub Profile README 📝 Enhance your GitHub profile with a standout README using a comprehensive custom template. Your README is crucial for making a great first impression on potential employers and collaborators. Start by setting up a special README repository named exactly as your GitHub username. Add a warm introduction, an 'About Me' section, and detailed sections for resume, experience, coding handles, and tech stack. Highlight key projects, show stats and activity, and end with social links and contact information. Utilize GitHub Actions for automating recent activities and merged PRs. Incorporate additional elements like jokes or Spotify music for a personal touch. Follow the guide for a visually appealing and organized README. 756 14 7. 7 [](https://daily.dev/posts/mastering-version-control-with-git-beyond-the-basics-cyqz9muin "Mastering Version Control with Git: Beyond the Basics") Article DEV · 2y Mastering Version Control with Git: Beyond the Basics This post delves into advanced strategies and workflows for mastering version control with Git. It covers branching strategies, best practices for working with feature branches, Git hooks for automation, and more. 586 4 8. 8 [](https://daily.dev/posts/how-to-test-local-website-on-mobile-devices-gqniuci43 "How to Test Local Website on Mobile Devices") Article DEV · 2y How to Test Local Website on Mobile Devices Learn how to test local websites on mobile devices in three simple steps. Use the VS Code Editor and the Live Server extension for better visualization, clarity, and touch interaction with your project. Make sure your phone and desktop are connected to the same WiFi network, run the Live Server, find your local IPv4 address, and view your project on the phone using the IP address and port number. 424 17 9. 9 [](https://daily.dev/posts/write-it-down-fum3bhakw "Write It Down") Article DEV · 2y Write It Down Writing down what you learn is important for solidifying knowledge, sharing with others, and preparing to teach or share knowledge in your career. 324 23 10. 10 [](https://daily.dev/posts/understanding-debouncing-in-javascript-fh7k87hy7 "Understanding Debouncing in JavaScript") Article DEV · 2y Understanding Debouncing in JavaScript Debouncing in JavaScript is a technique to limit the rate at which a function is executed. It helps optimize performance, enhance user experience, and reduce unnecessary network requests. Learn how to implement debouncing in JavaScript for better control of event triggers. 286 18 11. 11 [](https://daily.dev/posts/write-solid-react-hooks-ejhco09lz "Write SOLID React Hooks") Article DEV · 2y Write SOLID React Hooks Learn how to apply SOLID principles to React hooks, including the Single Responsibility Principle, Open/Closed Principle, Liskov Substitution Principle, Interface Segregation Principle, and Dependency Inversion Principle. 257 5 12. 12 [](https://daily.dev/posts/how-to-review-as-a-pro-wcbc1m4am "How to review as a Pro") Article DEV · 2y How to review as a Pro A good code review process can enrich team collaboration and personal development. Avoiding unproductive practices like nitpicking code style and having a considerate attitude are crucial. Focus on reviewing the logic and language usage, and automate mundane tasks using linters. Establish structured processes to manage code reviews efficiently and ensure constructive feedback. Finally, steps to help reviewers include providing clear PR descriptions and avoiding large pull requests. 209 2 13. 13 [](https://daily.dev/posts/implementing-caching-strategies-techniques-for-high-performance-web-apps-okmwx2nhc "Implementing Caching Strategies: Techniques for High-Performance Web Apps") Article DEV · 2y Implementing Caching Strategies: Techniques for High-Performance Web Apps The post explores various caching strategies crucial for high-performance web applications. It covers policies like Write Through, Write Around, Write Behind, and Read Through, outlining their benefits and best use scenarios. Additionally, it introduces different caching strategies such as LRU, LFU, FIFO, and others, highlighting their appropriate use cases in development frameworks like Django and Spring Boot. 204 3 14. 14 [](https://daily.dev/posts/i-m-lost-advice-for-a-2-year-average-programmer--mfdm0ufna "I'm lost. Advice for a 2 year average programmer?") Article DEV · 2y I'm lost. Advice for a 2 year average programmer? A programmer with a 2 year average experience is seeking advice on how to secure a first internship or job opportunity and improve their career prospects. 198 27 15. 15 [](https://daily.dev/posts/advice-for-intermediate-developers-8iffso669 "Advice for Intermediate developers") Article DEV · 2y Advice for Intermediate developers Advice for intermediate developers: Love your job, be a generalist, never stop learning new tech, and take ownership of the products you build. 194 8 [See all DEV archives](/sources/devto/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/devto/best-of/2024/06#page","url":"https://daily.dev/sources/devto/best-of/2024/06","name":"Best DEV Posts — June 2024","description":"The most upvoted DEV posts from June 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/devto/best-of/2024/06#items","numberOfItems":15,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/7-habits-that-programmers-must-have--w1ywvltxp","name":"7 Habits that Programmers Must Have!"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/new-css-media-queries-syntax--lxcdtokan","name":"New CSS media queries syntax 💥"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/onclick-somefunction-vs-onclick-somefunction--pmbieyn9j","name":"onClick={someFunction} VS onClick={()=>someFunction}"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/rest-api-design-rules-44pdexbrt","name":"REST API Design Rules"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/i-ve-worked-in-it-for-over-10-years-here-are-5-things-i-wish-i-knew-when-i-started-ojdmug7vn","name":"I’ve worked in IT for over 10 years. Here are 5 things I wish I knew when I started"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/create-an-attractive-github-profile-readme--oydhb6kda","name":"🚀 Create An Attractive GitHub Profile README 📝"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/mastering-version-control-with-git-beyond-the-basics-cyqz9muin","name":"Mastering Version Control with Git: Beyond the Basics"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-test-local-website-on-mobile-devices-gqniuci43","name":"How to Test Local Website on Mobile Devices"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/write-it-down-fum3bhakw","name":"Write It Down"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/understanding-debouncing-in-javascript-fh7k87hy7","name":"Understanding Debouncing in JavaScript"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/write-solid-react-hooks-ejhco09lz","name":"Write SOLID React Hooks"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/how-to-review-as-a-pro-wcbc1m4am","name":"How to review as a Pro"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/implementing-caching-strategies-techniques-for-high-performance-web-apps-okmwx2nhc","name":"Implementing Caching Strategies: Techniques for High-Performance Web Apps"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/i-m-lost-advice-for-a-2-year-average-programmer--mfdm0ufna","name":"I'm lost. Advice for a 2 year average programmer?"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/advice-for-intermediate-developers-8iffso669","name":"Advice for Intermediate developers"}]},{"@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":"DEV","item":"https://daily.dev/sources/devto"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/devto/best-of"},{"@type":"ListItem","position":5,"name":"June 2024"}]}]} ```