--- title: Best CSS-Tricks posts — July 2022 | daily.dev description: The most upvoted CSS-Tricks posts from July 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/css_tricks/best-of/2022/07 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/css_tricks/best-of/2022/07 og:type: website og:site_name: daily.dev og:title: Best CSS-Tricks posts — July 2022 | daily.dev og:description: The most upvoted CSS-Tricks posts from July 2022, 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 CSS-Tricks — July 2022 1. 1 [](https://daily.dev/posts/react-hooks-the-deep-cuts-css-tricks-xecehqfay "React Hooks: The Deep Cuts | CSS-Tricks") Article CSS-Tricks · 4y React Hooks: The Deep Cuts | CSS-Tricks React introduced hooks back in version 16.8 and has been adding more ever since. Hooks are reusable functions. They allow you to use state and other features (e.g. lifecycle methods and so on) without writing a class. While all React hooks are interesting in their own way, there are five of them that I really want to show you. 34 1 2. 2 [](https://daily.dev/posts/technical-writing-for-developers-css-tricks-ooy7seeb5 "Technical Writing for Developers | CSS-Tricks") Article CSS-Tricks · 4y Technical Writing for Developers | CSS-Tricks The way we write about and around code is arguably as important as the code itself. Nearly 50% of developers spend between 3-6 hours a day writing code. We spend a good chunk of our time communicating with humans through words. When we communicate better, we’re more likely to get what we want. 30 2 [See all CSS-Tricks archives](/sources/css%5Ftricks/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/css_tricks/best-of/2022/07#page","url":"https://daily.dev/sources/css_tricks/best-of/2022/07","name":"Best CSS-Tricks Posts — July 2022","description":"The most upvoted CSS-Tricks posts from July 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/css_tricks/best-of/2022/07#items","numberOfItems":2,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/react-hooks-the-deep-cuts-css-tricks-xecehqfay","name":"React Hooks: The Deep Cuts | CSS-Tricks"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/technical-writing-for-developers-css-tricks-ooy7seeb5","name":"Technical Writing for Developers | CSS-Tricks"}]},{"@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":"CSS-Tricks","item":"https://daily.dev/sources/css_tricks"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/css_tricks/best-of"},{"@type":"ListItem","position":5,"name":"July 2022"}]}]} ```