--- title: useHooks | daily.dev description: There’s no better way to learn useHooks than by building it yourself. Use LocalStorage to track the dimensions of the browser window with useWindowSize. Track... canonical: https://daily.dev/posts/usehooks-q0mtmslia twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: useHooks | daily.dev og:description: There’s no better way to learn useHooks than by building it yourself. Use LocalStorage to track the dimensions of the browser window with useWindowSize. Track... og:url: https://daily.dev/posts/usehooks-q0mtmslia og:image: https://api.daily.dev/og/posts/Q0mtmsliA.png og:image:alt: useHooks og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # useHooks **[Community Picks](https://daily.dev/sources/community)** · 1 min read · 441 upvotes · 20 comments ## Summary There’s no better way to learn useHooks than by building it yourself. Use LocalStorage to track the dimensions of the browser window with useWindowSize. Track and manage the visibility of your DOM elements within the viewport. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@gscarvalho** · 1 upvotes > I love this type of resources. Hooks is so helpful and have a option to working with a stable custom hooks library is better. **@sahilatahar** · 1 upvotes > I was looking for this type of resources. Thanks man. **@anjapcodes** · 1 upvotes > This is wonderful! Thanks for sharing :) **@kwesihackman** · 1 upvotes > great resource, thanks for sharing **@emreturan** · 0 upvotes > very nice source! ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#react](https://daily.dev/tags/react), [#javascript](https://daily.dev/tags/javascript), [#react-native](https://daily.dev/tags/react-native) [View this post on daily.dev](https://daily.dev/posts/usehooks-q0mtmslia) ```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","@type":"TechArticle","headline":"useHooks","url":"https://daily.dev/posts/usehooks-q0mtmslia","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/usehooks-q0mtmslia"},"datePublished":"2023-05-31T04:30:52.197Z","dateModified":"2023-12-07T12:02:45.284Z","description":"There’s no better way to learn useHooks than by building it yourself. Use LocalStorage to track the dimensions of the browser window with useWindowSize. Track...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2ce4f8beccdee162fd20f3ca833d642d?_a=AQADKdt","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2ce4f8beccdee162fd20f3ca833d642d?_a=AQADKdt","isAccessibleForFree":true,"articleSection":"Community Picks","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Community Picks","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community","url":"https://daily.dev/sources/community"},"commentCount":20,"discussionUrl":"https://daily.dev/posts/usehooks-q0mtmslia","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":441},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":20}],"keywords":"react,javascript,react-native","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":3,"name":"useHooks"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/usehooks-q0mtmslia","comment":[{"@type":"Comment","text":"I love this type of resources. Hooks is so helpful and have a option to working with a stable custom hooks library is better.","datePublished":"2023-05-31T13:12:17.844Z","url":"https://daily.dev/posts/Q0mtmsliA#c-ms1qjHFaF","author":{"@type":"Person","name":"Gislene Carvalho","url":"https://daily.dev/gscarvalho","image":"https://lh3.googleusercontent.com/a-/AOh14GhUDqRvi76B-yN62P-T2ZJdxUoQZetbhoqLEHAIDXc=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"I was looking for this type of resources. Thanks man.","datePublished":"2023-06-26T10:57:32.108Z","url":"https://daily.dev/posts/Q0mtmsliA#c-vTXfvjhFA","author":{"@type":"Person","name":"Sahil Atahar","url":"https://daily.dev/sahilatahar","image":"https://media.daily.dev/image/upload/s--jYTP98TM--/f_auto/v1768622996/avatars/avatar_3E5CUHMGZwkEqSfvFYXsF?_a=BAMAMiiu0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"This is wonderful! Thanks for sharing :)","datePublished":"2023-05-31T11:01:52.375Z","url":"https://daily.dev/posts/Q0mtmsliA#c-Ah7xQjTdU","author":{"@type":"Person","name":"Anja P","url":"https://daily.dev/anjapcodes","image":"https://media.daily.dev/image/upload/s--M_c0s8Ky--/f_auto/v1721658650/avatars/avatar_WVJSfJtDe63PxQFAsmXFO"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"great resource, thanks for sharing","datePublished":"2023-05-31T09:32:09.177Z","url":"https://daily.dev/posts/Q0mtmsliA#c-gUuxD4g8i","author":{"@type":"Person","name":"Eric Hackman","url":"https://daily.dev/kwesihackman","image":"https://avatars.githubusercontent.com/u/2277160?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"very nice source!","datePublished":"2023-06-30T16:47:55.147Z","url":"https://daily.dev/posts/Q0mtmsliA#c-lTjz69MXg","author":{"@type":"Person","name":"Emre Turan","url":"https://daily.dev/emreturan","image":"https://media.daily.dev/image/upload/s--kmSLj0wG--/f_auto,q_auto/v1/avatars/avatar_5DxJqJwBHYj9MfnDlbC1X"}}]} ```