--- title: Best Web Dev Simplified posts — July 2024 | daily.dev description: The most upvoted Web Dev Simplified posts from July 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/wds/best-of/2024/07 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/wds/best-of/2024/07 og:type: website og:site_name: daily.dev og:title: Best Web Dev Simplified posts — July 2024 | daily.dev og:description: The most upvoted Web Dev Simplified 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 Web Dev Simplified — July 2024 1. 1 [](https://daily.dev/posts/how-to-debug-react-apps-like-a-senior-developer-nv32famyn "How To Debug React Apps Like A Senior Developer") Video Web Dev Simplified·2y How To Debug React Apps Like A Senior Developer 557 6 2. 2 [](https://daily.dev/posts/learn-react-generic-components-in-6-minutes-i21hhr9yh "Learn React Generic Components In 6 Minutes") Video Web Dev Simplified·2y Learn React Generic Components In 6 Minutes 216 3 3. 3 [](https://daily.dev/posts/we-can-finally-animate-height-auto-in-css--evrcmgbw4 "We Can Finally Animate height: auto; in CSS!") Video Web Dev Simplified·2y We Can Finally Animate height: auto; in CSS! Animating height:auto in CSS has always been a challenge, often requiring JavaScript hacks. However, new CSS features like the calc size function and the starting style property make it much easier to create smooth transitions without excessive JavaScript. These properties help developers create better animations and transitions, even if their browser support is still limited. Progressive enhancement ensures older browsers still function correctly, albeit without the animations. 163 4 [See all Web Dev Simplified archives](/sources/wds/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/wds/best-of/2024/07#page","url":"https://daily.dev/sources/wds/best-of/2024/07","name":"Best Web Dev Simplified Posts — July 2024","description":"The most upvoted Web Dev Simplified posts from July 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/wds/best-of/2024/07#items","numberOfItems":3,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/how-to-debug-react-apps-like-a-senior-developer-nv32famyn","name":"How To Debug React Apps Like A Senior Developer"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/learn-react-generic-components-in-6-minutes-i21hhr9yh","name":"Learn React Generic Components In 6 Minutes"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/we-can-finally-animate-height-auto-in-css--evrcmgbw4","name":"We Can Finally Animate height: auto; in 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":"Web Dev Simplified","item":"https://daily.dev/sources/wds"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/wds/best-of"},{"@type":"ListItem","position":5,"name":"July 2024"}]}]} ```