{"id":20862,"url":"https://github.com/saidMounaim/awesome-react-hooks","name":"awesome-react-hooks","description":"A curated list of awesome things related to React Hooks 😍","projects_count":188,"last_synced_at":"2026-08-14T15:00:23.358Z","repository":{"id":46909809,"uuid":"408867592","full_name":"saidMounaim/awesome-react-hooks","owner":"saidMounaim","description":"A curated list of awesome things related to React Hooks 😍","archived":false,"fork":false,"pushed_at":"2021-09-24T07:48:23.000Z","size":47,"stargazers_count":19,"open_issues_count":0,"forks_count":8,"subscribers_count":2,"default_branch":"main","last_synced_at":"2026-07-26T06:03:48.371Z","etag":null,"topics":["react-components","react-hooks","reactjs"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/saidMounaim.png","metadata":{},"created_at":"2021-09-21T15:09:01.000Z","updated_at":"2025-06-07T20:56:11.000Z","dependencies_parsed_at":"2022-07-26T07:47:20.757Z","dependency_job_id":null,"html_url":"https://github.com/saidMounaim/awesome-react-hooks","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/saidMounaim/awesome-react-hooks","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saidMounaim%2Fawesome-react-hooks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saidMounaim%2Fawesome-react-hooks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saidMounaim%2Fawesome-react-hooks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saidMounaim%2Fawesome-react-hooks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saidMounaim","download_url":"https://codeload.github.com/saidMounaim/awesome-react-hooks/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saidMounaim%2Fawesome-react-hooks/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":36652428,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-08-06T04:43:03.162Z","status":"online","status_checked_at":"2026-08-14T02:00:06.934Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-13T12:55:56.914Z","updated_at":"2026-08-14T15:00:23.358Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Packages","Tools","Books","Articles","Courses","Videos","Related awesome lists","Official"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cbr\u003e\n  \u003cimg width=\"400\" src=\"https://i.ibb.co/WPzCqxY/react-hooksmeme.jpg\" alt=\"meme of react hooks\"\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n\u003c/p\u003e\n\n# awesome-react-hooks\n\nA curated list of awesome things related to React Hooks \n\n# Resources\n\n\n## Official\n\n- [Official Documentation](https://reactjs.org/docs/getting-started.html)\n\n## Related awesome lists\n- [General](https://github.com/rehooks/awesome-react-hooks)\n\n## Articles\n\n- [Just Redux: The Complete Guide](https://dev.to/thesanjeevsharma/just-redux-the-complete-guide-44d5)\n- [How to write more structured and testable React code using Custom Hooks](https://www.brightec.co.uk/blog/how-to-write-more-structured-and-testable-react-code-using-custom-hooks)\n- [React Hook Form - Reset form with default values and clear errors](https://jasonwatmore.com/post/2021/09/23/react-hook-form-reset-form-with-default-values-and-clear-errors)\n- [Create React Components from The Command Line with Agrippa](https://blog.bitsrc.io/create-react-components-from-the-command-line-with-agrippa-621a6f4d19e8)\n- [React Js Resize, Compress and Crop Image Size Tutorial](https://www.positronx.io/react-js-resize-compress-and-crop-image-size-tutorial/)\n- [How to use React useReducer hook like a pro](https://dev.to/pierreouannes/how-to-use-react-usereducer-hook-like-a-pro-3ll3)\n- [Create an NPX CLI Portfolio under 5 minutes](https://blog.anishde.dev/create-an-npx-cli-portfolio-under-5-minutes)\n- [React Router - A Beginner Guide](https://codeman.hashnode.dev/react-router-a-beginner-guide)\n- [A headless calendar hook for React](https://reactjsexample.com/a-headless-calendar-hook-for-react/)\n- [6 use cases of the useEffect ReactJS hook](https://dev.to/colocodes/6-use-cases-of-the-useeffect-reactjs-hook-282o)\n- [Credit Card Payment UI With ReactJS](https://dev.to/hyggedev/credit-card-payment-ui-with-reactjs-1a5a)\n- [React 18 - What's New!](https://dev.to/iamraufu/react-18-what-s-new-2jam)\n- [Score Football React Hooks](https://dev.to/said_mounaim/score-football-react-hooks-i4e)\n- [React Redux Filtering](https://dev.to/said_mounaim/react-redux-filtering-4adc)\n- [React Hooks vs. Vue 3 Composition API](https://academy.esveo.com/en/blog/Yr)\n- [A Lightweight carousel component for react](https://reactjsexample.com/a-lightweight-carousel-component-for-react/)\n- [Top 5 React chart libraries](https://blog.logrocket.com/top-5-react-chart-libraries/)\n- [How to Reduce React App Loading Time By 70%](https://nilanth.hashnode.dev/how-to-reduce-react-app-loading-time-by-70)\n- [React: Scroll Transition for Fancy Portfolios](https://dev.to/holdmypotion/react-scroll-transition-for-fancy-portfolios-37fg)\n- [React Query Error Handling](https://dev.to/tkdodo/react-query-error-handling-10go)\n- [6 Ways to Host Your React JS App For Free](https://blog.suhailkakar.com/6-ways-to-host-your-react-js-app-for-free)\n- [React Query vs SWR](https://javascript.plainenglish.io/react-query-vs-swr-36743c14ba7e)\n- [Build an Instagram-like infinite scrolling feed with React Query](https://blog.logrocket.com/build-instagram-infinite-scrolling-feed-react-query/)\n- [How to Use useMemo Hook in React](https://enlear.academy/usememo-react-hook-a88f2e236eff)\n- [Simple way to write forms in React with Formik](https://dev.to/hamid2117/simple-way-to-write-forms-in-react-with-formik-547d)\n- [Top ways to learn Vue 3](https://www.vuemastery.com/blog/top-ways-to-learn-Vue-3/)\n- [A useModal hook and Proxies](https://lmiller1990.github.io/electic/posts/20200519_a_usemodal_hook_and_proxies.html)\n- [Responsive Portfolio Template Made With Reactjs](https://reactjsexample.com/responsive-portfolio-template-made-with-reactjs/)\n- [A clean and simple portfolio template using React for developers](https://reactjsexample.com/a-clean-and-simple-portfolio-template-using-react-for-developers/)\n- [A Simple Calculator app created with React.js](https://reactjsexample.com/a-simple-calculator-app-created-with-react-js/)\n- [How to Use useRef Hook in React](https://enlear.academy/the-useref-hook-practical-explanation-ef333180dcbb)\n- [useState in React: A complete guide](https://javascript.plainenglish.io/usestate-in-react-a-complete-guide-98846ef47391)\n- [React Tutorial – How to Build the 2048 Game in React](https://www.freecodecamp.org/news/how-to-make-2048-game-in-react/)\n- [A Free,Beautiful and Modern React Portfolio Template for Developers](https://reactjsexample.com/a-free-beautiful-and-modern-react-portfolio-template-for-developers/)\n- [A curated list of resources to learn React and related web technologies as fast as possible](https://reactjsexample.com/a-curated-list-of-resources-to-learn-react-and-related-web-technologies-as-fast-as-possible/)\n- [A starter for React + Vite + twin.macro](https://reactjsexample.com/a-starter-for-react-vite-twin-macro/)\n- [useTgl: a React Hook toggle component visibility](https://reactjsexample.com/usetgl-a-react-hook-toggle-component-visibility/)\n- [Build a fully functional eCommerce application using react and commerce.js](https://reactjsexample.com/build-a-fully-functional-ecommerce-application-using-react-and-commerce-js/)\n- [A react app for developers to store coding-related 'snippets' like code](https://reactjsexample.com/a-react-app-for-developers-to-store-coding-related-snippets-like-code/)\n- [A Simple Date Paint Picker for React](https://reactjsexample.com/a-simple-date-paint-picker-for-react/)\n- [Create draggable components with React-Draggable](https://blog.logrocket.com/create-draggable-components-react-draggable/)\n- [React useUndo hook](https://dev.to/mishrabhavesh/react-useundo-hook-4h34)\n- [React hooks for resumable file uploads using tus](https://reactjsexample.com/react-hooks-for-resumable-file-uploads-using-tus/)\n- [React 18-Alpha Is Out! This Is What You Need to Know](https://blog.openreplay.com/react-18-alpha-is-out-this-is-what-you-need-to-know)\n- [Building custom hooks in React to fetch Data](https://dev.to/shaedrizwan/building-custom-hooks-in-react-to-fetch-data-4ig6)\n- [A Bookstore Project Built with React, Redux, and TailwindCSS](https://reactjsexample.com/a-bookstore-project-built-with-react-redux-and-tailwindcss/)\n- [A Free Personal Portfolio Page Build Up With React Next.Js](https://reactjsexample.com/a-free-personal-portfolio-page-build-up-with-react-next-js/)\n- [A Guide to React Context and useContext() Hook](https://dmitripavlutin.com/react-context-and-usecontext/)\n- [Real Time Searching In ReactJS](https://dev.to/shubhamtiwari909/real-time-searching-in-reactjs-3mfm)\n- [Infinite scrolling in React with intersection observer](https://dev.to/ms_yogii/infinite-scrolling-in-react-with-intersection-observer-22fh)\n- [5 React performance optimization techniques](https://blog.logrocket.com/5-react-performance-optimization-techniques/)\n- [7 Projects You Can Build to Learn React in 2021](https://blog.devgenius.io/7-projects-you-can-build-to-learn-react-in-2021-246122ffbd6f)\n- [React component for animating an element's children, one by one](https://reactjsexample.com/react-component-for-animating-an-elements-children-one-by-one/)\n- [Manage modals just like managing pages with a router in React](https://reactjsexample.com/manage-modals-just-like-managing-pages-with-a-router-in-react/)\n- [Recoil — is this the new ‘Redux’ for React?](https://blog.joshsoftware.com/2021/08/30/recoil-is-this-the-new-redux-for-react/)\n- [Netflix Clone With React, Styled Components, Axios](https://reactjsexample.com/netflix-clone-with-react-styled-components-axios/)\n- [Improve async network state handling with custom React Hooks](https://blog.logrocket.com/improve-async-network-state-handling-custom-react-hooks/)\n- [A memory game created with React Styled Components](https://reactjsexample.com/a-memory-game-created-with-react-styled-components/)\n- [React 18: Things You Need To Know About React JS Latest Version](https://dzone.com/articles/react-18-things-you-need-to-know-about-react-js-la)\n- [How to Use ‘useReducer’ and ‘useContext’: React Hooks Tutorial](https://javascript.plainenglish.io/usereducer-along-with-usecontext-react-hooks-b558be82dd4d)\n- [The Greatest React Developer I Ever Met](https://javascript.plainenglish.io/the-greatest-react-developer-i-ever-met-1e58df22bb71)\n- [How to send emails from a React app with Netlify Functions](https://blog.logrocket.com/how-to-send-emails-react-app-netlify-functions/)\n- [Lazy Loading In React](https://www.c-sharpcorner.com/article/lazy-loading-in-react/)\n- [How I set up a Next.js project structure](https://flaviocopes.com/nextjs-project-structure/)\n- [Using Styled Components with React](https://www.thisdot.co/blog/using-styled-components-with-react)\n- [React isn't fast, let's learn why](https://jai-dewani.hashnode.dev/react-isnt-fast-lets-learn-why)\n- [Create React App without create-react-app !](https://dev.to/riddhiagrawal001/create-react-app-without-create-react-app-2lgd)\n- [Client- and Server-Side Data Fetching in React](https://dev.to/fenok/client-and-server-side-data-fetching-in-react-4o7d)\n- [React-Calendar tutorial: Build and customize a simple calendar](https://blog.logrocket.com/react-calendar-tutorial-build-customize-calendar/)\n- [Tic Tac Toe Online Multiplayer Game Build With React](https://reactjsexample.com/tic-tac-toe-online-multiplayer-game-build-with-react/)\n\n\n## Packages\n\n- [React Icons](https://react-icons.github.io/react-icons/) - Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.\n- [React Hot Toast](https://react-hot-toast.com/) - The Best Toast in Town. Smoking hot React notifications.\n- [React Content Loader](https://skeletonreact.com/) - SVG-Powered component to easily create placeholder loadings (like Facebook’s cards loading).\n- [React Filepond](https://pqina.nl/filepond/) - A new way to upload files\n- [React Notion X](https://github.com/NotionX/react-notion-x) - Fast and accurate React renderer for Notion. TS batteries included. ⚡ ️\n- [React Select](https://react-select.com/home) - A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete, async and creatable support.\n- [Sweet Alert](https://sweetalert.js.org/) - A beautiful replacement for success messages, error messages or info messages\n- [React Infinite Scroller](https://danbovey.uk/react-infinite-scroller/) - Infinitely load content using a React Component.\n- [React DnD](https://react-dnd.github.io/react-dnd/about) - A React utility to help you build complex drag and drop interfaces while keeping your components decoupled.\n- [Draft JS](https://draftjs.org/) - Draft.js fits seamlessly into React applications, abstracting away the details of rendering, selection, and input behavior with a familiar declarative API.\n- [ChartJS](https://github.com/reactchartjs/react-chartjs-2) - Build beautiful charts in minutes with Chartjs, Dashboards will looks sexy like never before.\n- [React Slick](https://react-slick.neostack.com/) - React carousel component. One of the best sliders out there to showcase anything.\n- [React Auto Suggest](http://react-autosuggest.js.org/) - WAI-ARIA compliant autosuggest component built in React\n- [React Burger Menu](https://negomi.github.io/react-burger-menu/) - An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations.\n- [React Spinners](https://www.davidhu.io/react-spinners/) - A collection of loading spinner components for react\n- [React Bootstrap Datatable](https://react-bootstrap-table.github.io/react-bootstrap-table2/) - Next Generation of react-bootstrap-table. Datatable made easy like never before.\n- [Styled Components](https://styled-components.com/) - styled-components is the result of wondering how we could enhance CSS for styling React component systems.\n- [use-abortable-stream-fetch](https://github.com/marconi/use-abortable-stream-fetch) - React hook for fetching streams that can be aborted.\n- [React API Hooks](https://github.com/ABWalters/react-api-hooks) - React hooks to interact with an API from a stateless component using axios.\n- [React Use Smooth Scroll](https://github.com/saidMounaim/React-Use-Smooth-Scroll) - React Provider Component to add a smooth scroll effect 😍\n- [React Use Mail To](https://github.com/saidMounaim/use-mail-to) - Renders a link formatted to send an email (mailto: link).\n- [use-abortable-fetch](https://github.com/mauricedb/use-abortable-fetch) - React hook that does a fetch and aborts when the components is unloaded or a different request is made\n- [easy-peasy](https://github.com/ctrlplusb/easy-peasy) - Vegetarian friendly state for React\n- [React Hooks Lib](https://github.com/beizhedenglong/react-hooks-lib) - A set of reusable React Hooks.\n- [react-powerhooks](https://github.com/kalcifer/react-powerhooks) - Hooks api for react-powerplug components\n- [use-events](https://github.com/sandiiarov/use-events) - 🍭 Event hooks\n- [react-apollo-hooks](https://github.com/trojanowski/react-apollo-hooks) - Use Apollo Client as React hooks\n- [react-recipes](https://github.com/craig1123/react-recipes) - 👩‍🍳 A list of React Hooks utility library containing popular customized hooks\n- [react-hookedup](https://github.com/zakariaharti/react-hookedup) - 👽 A collection of useful React hooks\n- [react-hooks-axios](https://github.com/use-hooks/react-hooks-axios) - Custom React Hooks for Axios.js\n- [rest-hooks](https://github.com/coinbase/rest-hooks) - Delightful data fetching for React.\n- [use-call](https://github.com/doasync/use-call) - useCall React hook\n- [react-use-clipboard](https://github.com/danoc/react-use-clipboard) - React hook that provides copy to clipboard functionality.\n- [constate](https://github.com/diegohaz/constate) - React Context + State\n- [rooks](https://github.com/imbhargav5/rooks) - Essential React custom hooks ⚓ to super charge your components!\n- [navi](https://github.com/frontarm/navi) - 🧭 Declarative, asynchronous routing for React.\n- [react-firebase-hooks](react-firebase-hooks) - React Hooks for Firebase.\n- [use-file-input](https://github.com/rot1024/use-file-input) - React Hooks for file selection with hidden \u003cinput type=\"file\" /\u003e\n- [react-hook-form](https://github.com/react-hook-form/react-hook-form) - 📋 React Hooks for forms validation (Web + React Native)\n- [react-hooks-image-size](https://github.com/use-hooks/react-hooks-image-size) - Custom React Hooks for image natural size\n- [use-key-hook](https://github.com/haldarmahesh/use-key-hook) - React hook to handle all the key press.\n- [use-http](https://github.com/ava/use-http) - 🐶 React hook for making isomorphic http requests\n- [use-media](https://github.com/streamich/use-media) - useMedia React hook to track CSS media query state\n- [use-debounce](https://github.com/xnimorz/use-debounce) - A debounce hook for react\n- [local-storage](https://github.com/rehooks/local-storage) - React hook which syncs localStorage[key] with the comp.\n- [react-useportal](https://github.com/alex-cory/react-useportal) - 🌀 React hook for Portals\n- [REACT ROUTER](https://reactrouter.com/web/api/Hooks) - React Router ships with a few hooks that let you access the state of the router and perform navigation from inside your components.\n- [ant-design](https://github.com/ant-design/ant-design) - An enterprise-class UI design language and React UI library\n- [chakra-ui](https://github.com/chakra-ui/chakra-ui) - ⚡️ Simple, Modular \u0026 Accessible UI Components for your React Applications\n- [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React\n- [Semantic-UI](https://github.com/Semantic-Org/Semantic-UI) - Semantic is a UI component framework based around useful principles from natural language.\n- [evergreen](https://github.com/segmentio/evergreen) - 🌲 Evergreen React UI Framework by Segment\n- [reakit](https://github.com/reakit/reakit) - Toolkit for building accessible rich web apps with React\n\n\n## Tools\n\n- [Reactide](http://reactide.io/) - Reactide is an integrated development environment (IDE) for web developers using React.js.\n- [Belle](https://nikgraf.github.io/belle?ref=hackernoon.com) - This open-source library was built by the members of React community.\n- [React Material Admin](https://flatlogic.com/templates/react-material-admin?ref=hackernoon.com) - The benefits of using admin templates are well known. This particular admin dashboard follows Google Material Design guidelines.\n- [React Semantic UI](https://react.semantic-ui.com/?ref=hackernoon.com) - There is an original Semantic UI library. And to use it in React you need to use a React integration of this library and Semantic UI CSS package.\n- [React Component Benchmark](https://github.com/paularmstrong/react-component-benchmark?ref=hackernoon.com) - Do you remember react-addons-perf? This tool provided developers with insights about app performance.\n- [React Toolbox](http://react-toolbox.io/#/) - This is the best tool for developing Material Design UI. It has tons of responsive components that comply with Google Material Design guidelines.\n- [Sing App React](https://flatlogic.com/templates/sing-app-react) - This fully responsive admin template was downloaded more than 1000 times.\n- [Periscope](https://github.com/shea-hawkins/periscope) - There isn’t much to say about this open-source project. This is monitoring for Redux applications.\n- [React Wastage Monitor](https://github.com/MalucoMarinero/react-wastage-monitor?ref=hackernoon.com) - This project helps you to manage performance issues by detecting wasted rendering time.\n- [React Studio](https://reactstudio.com/) - React Studio is a useful tool for web developers and web designers. Web developers can enjoy clean JS code\n- [Atom React Plugin](https://orktes.github.io/atom-react/) - This is support for the Atom Editor that helps highlight JSX code.\n- [React Extension Pack](https://marketplace.visualstudio.com/items?itemName=jawandarajbir.react-vscode-extension-pack) - As well as the previous tool this one is used to adjust your code editor.\n- [React Style Guide Generator](http://pocotan001.github.io/react-styleguide-generator/?ref=hackernoon.com#) - You need to maintain a consistent style across all the pages. \n- [Flatlogic One React](https://flatlogic.com/templates/one-react-template?ref=hackernoon.com) - This is an admin template made with React 16 and Redux.\n- [React Monocle](https://github.com/team-gryff/react-monocle) - When you work on some complex projects with tons of classes of components it is always hard to manage such a project and debug it.\n- [Storybook](https://storybook.js.org/?ref=hackernoon.com) - Storybook helps you develop nice separate UI components.\n- [React-Sight](https://github.com/React-Sight/React-Sight?ref=hackernoon.com) - This tool fully supports Router, Redux, and Fiber, and shows your app’s hierarchy.\n\n## Videos\n\n- [What Are React Hooks?](https://www.youtube.com/watch?v=d-aAs_4SQ7c\u0026ab_channel=LevelUpTuts)\n- [Introducing React Hooks](https://www.youtube.com/watch?v=mxK8b99iJTg\u0026ab_channel=TraversyMedia)\n- [10 React Hooks Explained // Plus Build your own from Scratch](https://www.youtube.com/watch?v=TNhaISOUy6Q\u0026t\u0026ab_channel=Fireship)\n- [5 Custom React Hooks You Need In Every Project](https://www.youtube.com/watch?v=0c6znExIqRw\u0026t\u0026ab_channel=WebDevSimplified)\n- [Save Hours Of Work With These 5 Custom React Hooks](https://www.youtube.com/watch?v=vrIxu-kfAUo\u0026ab_channel=WebDevSimplified)\n- [Are React Hooks Slower than Class Components?](https://www.youtube.com/watch?v=tKRWuVOEB2w\u0026ab_channel=BenAwad)\n- [React Suspense Introduction (Data Fetching)](https://www.youtube.com/watch?v=NTDJ-NQ32_E\u0026ab_channel=TraversyMedia)\n- [Build a GitHub Jobs App With React Hooks](https://www.youtube.com/watch?v=fxY1q4SCB64\u0026ab_channel=TraversyMedia)\n- [Build a Recipe App With React | React Tutorial For Beginners](https://www.youtube.com/watch?v=U9T6YkEDkMo\u0026t\u0026ab_channel=DevEd)\n- [React useTransition Hook](https://www.youtube.com/watch?v=8WnGNId62h8\u0026ab_channel=BenAwad)\n- [The Plan for react 18 | Explained](https://www.youtube.com/watch?v=QQXj6k3aJWw\u0026ab_channel=HiteshChoudhary)\n- [Timeline Component in React](https://www.youtube.com/watch?v=tcUVUBlyXX8\u0026ab_channel=FlorinPop)\n- [Movies App - React Project](https://www.youtube.com/watch?v=sZ0bZGfg_m4\u0026ab_channel=FlorinPop)\n- [Advanced Dropdown Menu - React \u0026 CSS Animation ](https://www.youtube.com/watch?v=IF6k0uZuypA\u0026ab_channel=Fireship)\n- [Infinite Scrolling With React - Tutorial](https://www.youtube.com/watch?v=NZKUirTtxcg\u0026ab_channel=WebDevSimplified)\n- [Simple Frontend Pagination | React](https://www.youtube.com/watch?v=IYCa1F-OWmk\u0026ab_channel=TraversyMedia)\n- [Styled Components Crash Course \u0026 Project](https://www.youtube.com/watch?v=02zO0hZmwnw\u0026ab_channel=TraversyMedia)\n- [React 18 \u0026 TypeScript | How to Enable TypeScript in React 18](https://www.youtube.com/watch?v=bA5pZnEE0yA\u0026ab_channel=codeSTACKr)\n- [React Netflix Movie App Design Tutorial | React UI Full Course for Beginners](https://www.youtube.com/watch?v=FzWG8jiw4XM\u0026t=1s\u0026ab_channel=LamaDev)\n- [Vite 2.0 Crash Course | Super Fast Build Tool for JavaScript, React, Vue, Svelte, \u0026 Lit (2021)](https://www.youtube.com/watch?v=LQQ3CR2JTX8\u0026t=24s\u0026ab_channel=codeSTACKr)\n- [React Tables From Zero to Hero](https://www.youtube.com/watch?v=WRKEjPq75BY\u0026ab_channel=CoderOne)\n- [Build A Realtime Chat App In ReactJS and NodeJS | Socket.io Tutorial](https://www.youtube.com/watch?v=NU-HfZY3ATQ\u0026ab_channel=PedroTech)\n- [React E-Commerce App Design Tutorial | React Shopping Cart UI Design](https://www.youtube.com/watch?v=c1xTDSIXit8\u0026ab_channel=LamaDev)\n- [React Admin Dashboard Tutorial](https://www.youtube.com/watch?v=aTPkos3LKi8\u0026ab_channel=LamaDev)\n- [Deploy Node.js and React Apps | Full Deployment /w Nginx VPS, SSL](https://www.youtube.com/watch?v=Nxw2j1-srVc\u0026ab_channel=LamaDev)\n- [3 Awesome React Loading Screens | Skeleton - Circular - Animated](https://www.youtube.com/watch?v=PNQGbczXkMI\u0026ab_channel=LamaDev)\n- [React Movie App Tutorial](https://www.youtube.com/watch?v=jc9_Bqzy2YQ\u0026ab_channel=ChrisBlakely)\n- [React File Upload Tutorial with Drag-n-Drop and ProgressBar](https://www.youtube.com/watch?v=MAw0lQKqjRA\u0026ab_channel=BrunoAntunes)\n- [React Hooks SWR: Fetch, Cache and ReValidate server data with SWR and Axios](https://www.youtube.com/watch?v=a7JigiLw_OY\u0026ab_channel=BrunoAntunes)\n- [Formik: React Forms Tutorial with Yup and Material](https://www.youtube.com/watch?v=kYyaJyTLjpk\u0026ab_channel=BrunoAntunes)\n- [TypeScript/React Testing: Components, Hooks, Custom Hooks, Redux and Zustand](https://www.youtube.com/watch?v=bvdHVxqjv80\u0026ab_channel=JackHerrington)\n\n## Books\n\n- [Learn React Hooks, published by Packt](https://github.com/PacktPublishing/Learn-React-Hooks)\n- [LEARN REACT THE RIGHT WAY](https://www.newline.co/fullstack-react)\n- [HTML To React: The Ultimate Guide](https://ngninja.gumroad.com/l/html2react)\n- [The Road to React by Robin Wieruch](https://www.amazon.com/Road-learn-React-pragmatic-React-js-ebook/dp/B077HJFCQX?tag=javamysqlanta-20)\n- [React Book, your beginner guide to React](https://github.com/softchris/react-book)\n\n## Courses\n\n- [React Front To Back](https://www.udemy.com/course/modern-react-front-to-back/)\n- [The Creative React and Redux Course](https://developedbyed.com/p/the-creative-react-and-redux-course)\n- [Complete Intro to React, v5](https://frontendmasters.com/courses/complete-react-v5/)\n- [Next.js Firebase Full Course](https://fireship.io/courses/react-next-firebase/)\n- [Using React Hooks](https://www.pluralsight.com/courses/using-react-hooks)\n- [React - The Complete Guide (incl Hooks, React Router, Redux)](https://courses.reacttraining.com/p/react-hooks)\n- [Learn React Hooks by building key features of a realistic app](https://vuejs-course.com/courses/vuejs-3-composition-api)\n- [Advanced React Hooks Course](https://codedamn.com/learn/advanced-react-hooks)\n- [React Hooks (packtpub)](https://www.packtpub.com/product/react-hooks-video/9781839210075)\n- [Full Modern React Tutorial](https://netninja.dev/p/modern-react-tutorial)\n- [Build React Skeleton Screens](https://netninja.dev/p/create-react-skeleton-screens)\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/saidmounaim%2Fawesome-react-hooks/projects"}