--- title: Best DEV posts — July 2024 | daily.dev description: The most upvoted DEV posts from July 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/devto/best-of/2024/07 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/devto/best-of/2024/07 og:type: website og:site_name: daily.dev og:title: Best DEV posts — July 2024 | daily.dev og:description: The most upvoted DEV posts from July 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 — July 2024 1. 1 [](https://daily.dev/posts/github-repositories-every-software-engineer-should-know-cdbxkuyqf "GitHub Repositories Every Software Engineer Should Know") Article DEV · 2y GitHub Repositories Every Software Engineer Should Know The post provides a curated list of GitHub repositories valuable for software engineers at any stage of their career. Categories include RoadMaps, Books, Blogs, and Websites, Algorithms, Design Patterns, System Design, Design Resources, Projects, Tutorials, and APIs. Each category offers specific repositories that serve as educational materials and practical resources to improve various aspects of software development skills. 4.5K 128 2. 2 [](https://daily.dev/posts/good-commit-vs-bad-commit-best-practices-for-git-jiamy1vki "Good Commit ✔ VS. Bad Commit ❌: Best Practices for Git") Article DEV · 2y Good Commit ✔ VS. Bad Commit ❌: Best Practices for Git Good commits are crucial for maintaining a clean and understandable project history in Git. Characteristics of good commits include being atomic and focused, having descriptive messages, following conventional guidelines, being tested and verified, and being properly scoped. Conversely, bad commits are large and unfocused, have vague or misleading messages, combine unrelated changes, and contain incomplete or untested code. Best practices for good commits involve committing often but meaningfully, writing clear messages, using branches effectively, reviewing and squashing commits, and automating testing. 2.6K 67 3. 3 [](https://daily.dev/posts/50-best-websites-for-web-design-inspiration-and-ideas-6lvwsgxpm "50 Best Websites for Web Design Inspiration and Ideas") Article DEV · 2y 50 Best Websites for Web Design Inspiration and Ideas Discover a curated list of 50 best websites offering web design inspiration and ideas. These resources cater to various needs, from business and ecommerce to portfolios and landing pages. Sources are categorized into multipurpose, focused, and niched inspirations, including both free and paid options. Special mentions include award galleries and website builder showcases. 2K 34 4. 4 [](https://daily.dev/posts/css-one-liners-to-improve-almost-every-project-5fgrfpvp1 "CSS One-Liners to Improve (Almost) Every Project") Article DEV · 2y CSS One-Liners to Improve (Almost) Every Project This guide provides a series of CSS one-liners aimed at enhancing the appearance and readability of web content. Key tips include limiting content width, increasing text size and line height, making images responsive, and improving table readability. Additionally, the guide offers solutions for balanced heading wrapping, matching form control colors to page styles, and reducing animations based on user preferences. 1.2K 27 5. 5 [](https://daily.dev/posts/i-m-tired-of-it-0iih0pvpe "I'm tired of it") Article DEV · 2y I'm tired of it AI-generated content is pervasive, often creating bland, inaccurate articles that lack true value. The author criticizes this trend, emphasizing the importance of human-crafted content that showcases effort and unique perspectives. Highlighting examples of pointless AI-generated articles and the inefficiency of email communication due to AI, the appeal is to maintain authenticity and personal touch in writing. 800 104 6. 6 [](https://daily.dev/posts/top-6-react-hook-mistakes-beginners-make-dkmfhndvp "Top 6 React Hook Mistakes Beginners Make") Article DEV · 2y Top 6 React Hook Mistakes Beginners Make Learning React involves not just grasping its basics but also writing clean, efficient code. Common mistakes include using state unnecessarily, not using the function version of useState, misunderstanding state updates, and unnecessary useEffect dependencies. Optimizing component rendering can be achieved through proper use of useRef and useMemo. Additionally, it's crucial to manage fetch requests properly by using AbortController to prevent memory leaks. 638 19 7. 7 [](https://daily.dev/posts/advanced-dockerfile-directives-ckl9yrxao "Advanced Dockerfile Directives") Article DEV · 2y Advanced Dockerfile Directives Advanced Dockerfile directives enable the creation of sophisticated Docker images. Key directives covered include ENV for setting environment variables, ARG for build-time variables, WORKDIR to set the working directory, COPY and ADD for file inclusion, USER for setting default user, VOLUME for persistent storage, EXPOSE for port declaration, HEALTHCHECK for container health monitoring, and ONBUILD for deferred instructions in parent images. Examples demonstrating each directive are provided to showcase their usage and benefits. 562 10 8. 8 [](https://daily.dev/posts/my-first-experience-as-a-tech-lead-o4up6qxuh "My first experience as a Tech Lead") Article DEV · 2y My first experience as a Tech Lead The author shares their experiences and insights from their journey of becoming a tech lead. Emphasizing the importance of soft skills, they discuss the nuances involved in evaluating candidates, the distinction between junior and senior developers, and their personal anecdote of leading a project for the first time. Valuable lessons from various types of senior developers are also recounted. 559 11 9. 9 [](https://daily.dev/posts/optimizing-your-work-from-home-setup-for-career-success-1g42miht9 "Optimizing Your Work-from-Home Setup for Career Success") Article DEV · 2y Optimizing Your Work-from-Home Setup for Career Success Optimizing a work-from-home setup involves creating a conducive workspace that fosters productivity and creativity. Key practices include establishing a consistent daily routine, stepping outside for breaks, investing in ergonomic furniture, setting clear goals, and continuously learning. Adapting to changes and managing time efficiently are also crucial for success in a new career. 514 21 10. 10 [](https://daily.dev/posts/how-to-lose-weight-as-a-software-engineer-kbjjgfuis "How to lose weight as a software engineer") Article DEV · 2y How to lose weight as a software engineer The post shares a sustainable approach to weight loss by applying principles from software engineering. The author emphasizes experimenting with small, consistent changes rather than relying on intense motivation. They highlight the importance of setting realistic goals, measuring progress consistently, and adjusting habits based on outcomes. The author provides personal examples of weight loss experiments and suggests focusing on creating a supportive environment over sheer willpower. 447 48 11. 11 [](https://daily.dev/posts/image-lazy-loading-oefazqx76 "Image Lazy Loading") Article DEV · 2y Image Lazy Loading The post introduces image lazy loading as a technique to improve React application performance. It highlights advantages such as faster initial load times, reduced bandwidth usage, smoother scrolling, and improved search engine ranking. It provides an example using both native lazy loading attributes and the \`react-lazy-load-image-component\` npm package. The author advises caution for certain use cases like carousels and above-the-fold images. 437 13 [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/07#page","url":"https://daily.dev/sources/devto/best-of/2024/07","name":"Best DEV Posts — July 2024","description":"The most upvoted DEV posts from July 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/07#items","numberOfItems":11,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/github-repositories-every-software-engineer-should-know-cdbxkuyqf","name":"GitHub Repositories Every Software Engineer Should Know"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/good-commit-vs-bad-commit-best-practices-for-git-jiamy1vki","name":"Good Commit ✔ VS. Bad Commit ❌: Best Practices for Git"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/50-best-websites-for-web-design-inspiration-and-ideas-6lvwsgxpm","name":"50 Best Websites for Web Design Inspiration and Ideas"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/css-one-liners-to-improve-almost-every-project-5fgrfpvp1","name":"CSS One-Liners to Improve (Almost) Every Project"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/i-m-tired-of-it-0iih0pvpe","name":"I'm tired of it"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/top-6-react-hook-mistakes-beginners-make-dkmfhndvp","name":"Top 6 React Hook Mistakes Beginners Make"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/advanced-dockerfile-directives-ckl9yrxao","name":"Advanced Dockerfile Directives"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/my-first-experience-as-a-tech-lead-o4up6qxuh","name":"My first experience as a Tech Lead"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/optimizing-your-work-from-home-setup-for-career-success-1g42miht9","name":"Optimizing Your Work-from-Home Setup for Career Success"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/how-to-lose-weight-as-a-software-engineer-kbjjgfuis","name":"How to lose weight as a software engineer"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/image-lazy-loading-oefazqx76","name":"Image Lazy Loading"}]},{"@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":"July 2024"}]}]} ```