7 |
8 | # awesome-react-hooks
9 |
10 | A curated list of awesome things related to React Hooks
11 |
12 | # Resources
13 |
14 |
15 | ## Official
16 |
17 | - [Official Documentation](https://reactjs.org/docs/getting-started.html)
18 |
19 | ## Related awesome lists
20 | - [General](https://github.com/rehooks/awesome-react-hooks)
21 |
22 | ## Articles
23 |
24 | - [Just Redux: The Complete Guide](https://dev.to/thesanjeevsharma/just-redux-the-complete-guide-44d5)
25 | - [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)
26 | - [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)
27 | - [Create React Components from The Command Line with Agrippa](https://blog.bitsrc.io/create-react-components-from-the-command-line-with-agrippa-621a6f4d19e8)
28 | - [React Js Resize, Compress and Crop Image Size Tutorial](https://www.positronx.io/react-js-resize-compress-and-crop-image-size-tutorial/)
29 | - [How to use React useReducer hook like a pro](https://dev.to/pierreouannes/how-to-use-react-usereducer-hook-like-a-pro-3ll3)
30 | - [Create an NPX CLI Portfolio under 5 minutes](https://blog.anishde.dev/create-an-npx-cli-portfolio-under-5-minutes)
31 | - [React Router - A Beginner Guide](https://codeman.hashnode.dev/react-router-a-beginner-guide)
32 | - [A headless calendar hook for React](https://reactjsexample.com/a-headless-calendar-hook-for-react/)
33 | - [6 use cases of the useEffect ReactJS hook](https://dev.to/colocodes/6-use-cases-of-the-useeffect-reactjs-hook-282o)
34 | - [Credit Card Payment UI With ReactJS](https://dev.to/hyggedev/credit-card-payment-ui-with-reactjs-1a5a)
35 | - [React 18 - What's New!](https://dev.to/iamraufu/react-18-what-s-new-2jam)
36 | - [Score Football React Hooks](https://dev.to/said_mounaim/score-football-react-hooks-i4e)
37 | - [React Redux Filtering](https://dev.to/said_mounaim/react-redux-filtering-4adc)
38 | - [React Hooks vs. Vue 3 Composition API](https://academy.esveo.com/en/blog/Yr)
39 | - [A Lightweight carousel component for react](https://reactjsexample.com/a-lightweight-carousel-component-for-react/)
40 | - [Top 5 React chart libraries](https://blog.logrocket.com/top-5-react-chart-libraries/)
41 | - [How to Reduce React App Loading Time By 70%](https://nilanth.hashnode.dev/how-to-reduce-react-app-loading-time-by-70)
42 | - [React: Scroll Transition for Fancy Portfolios](https://dev.to/holdmypotion/react-scroll-transition-for-fancy-portfolios-37fg)
43 | - [React Query Error Handling](https://dev.to/tkdodo/react-query-error-handling-10go)
44 | - [6 Ways to Host Your React JS App For Free](https://blog.suhailkakar.com/6-ways-to-host-your-react-js-app-for-free)
45 | - [React Query vs SWR](https://javascript.plainenglish.io/react-query-vs-swr-36743c14ba7e)
46 | - [Build an Instagram-like infinite scrolling feed with React Query](https://blog.logrocket.com/build-instagram-infinite-scrolling-feed-react-query/)
47 | - [How to Use useMemo Hook in React](https://enlear.academy/usememo-react-hook-a88f2e236eff)
48 | - [Simple way to write forms in React with Formik](https://dev.to/hamid2117/simple-way-to-write-forms-in-react-with-formik-547d)
49 | - [Top ways to learn Vue 3](https://www.vuemastery.com/blog/top-ways-to-learn-Vue-3/)
50 | - [A useModal hook and Proxies](https://lmiller1990.github.io/electic/posts/20200519_a_usemodal_hook_and_proxies.html)
51 | - [Responsive Portfolio Template Made With Reactjs](https://reactjsexample.com/responsive-portfolio-template-made-with-reactjs/)
52 | - [A clean and simple portfolio template using React for developers](https://reactjsexample.com/a-clean-and-simple-portfolio-template-using-react-for-developers/)
53 | - [A Simple Calculator app created with React.js](https://reactjsexample.com/a-simple-calculator-app-created-with-react-js/)
54 | - [How to Use useRef Hook in React](https://enlear.academy/the-useref-hook-practical-explanation-ef333180dcbb)
55 | - [useState in React: A complete guide](https://javascript.plainenglish.io/usestate-in-react-a-complete-guide-98846ef47391)
56 | - [React Tutorial – How to Build the 2048 Game in React](https://www.freecodecamp.org/news/how-to-make-2048-game-in-react/)
57 | - [A Free,Beautiful and Modern React Portfolio Template for Developers](https://reactjsexample.com/a-free-beautiful-and-modern-react-portfolio-template-for-developers/)
58 | - [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/)
59 | - [A starter for React + Vite + twin.macro](https://reactjsexample.com/a-starter-for-react-vite-twin-macro/)
60 | - [useTgl: a React Hook toggle component visibility](https://reactjsexample.com/usetgl-a-react-hook-toggle-component-visibility/)
61 | - [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/)
62 | - [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/)
63 | - [A Simple Date Paint Picker for React](https://reactjsexample.com/a-simple-date-paint-picker-for-react/)
64 | - [Create draggable components with React-Draggable](https://blog.logrocket.com/create-draggable-components-react-draggable/)
65 | - [React useUndo hook](https://dev.to/mishrabhavesh/react-useundo-hook-4h34)
66 | - [React hooks for resumable file uploads using tus](https://reactjsexample.com/react-hooks-for-resumable-file-uploads-using-tus/)
67 | - [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)
68 | - [Building custom hooks in React to fetch Data](https://dev.to/shaedrizwan/building-custom-hooks-in-react-to-fetch-data-4ig6)
69 | - [A Bookstore Project Built with React, Redux, and TailwindCSS](https://reactjsexample.com/a-bookstore-project-built-with-react-redux-and-tailwindcss/)
70 | - [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/)
71 | - [A Guide to React Context and useContext() Hook](https://dmitripavlutin.com/react-context-and-usecontext/)
72 | - [Real Time Searching In ReactJS](https://dev.to/shubhamtiwari909/real-time-searching-in-reactjs-3mfm)
73 | - [Infinite scrolling in React with intersection observer](https://dev.to/ms_yogii/infinite-scrolling-in-react-with-intersection-observer-22fh)
74 | - [5 React performance optimization techniques](https://blog.logrocket.com/5-react-performance-optimization-techniques/)
75 | - [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)
76 | - [React component for animating an element's children, one by one](https://reactjsexample.com/react-component-for-animating-an-elements-children-one-by-one/)
77 | - [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/)
78 | - [Recoil — is this the new ‘Redux’ for React?](https://blog.joshsoftware.com/2021/08/30/recoil-is-this-the-new-redux-for-react/)
79 | - [Netflix Clone With React, Styled Components, Axios](https://reactjsexample.com/netflix-clone-with-react-styled-components-axios/)
80 | - [Improve async network state handling with custom React Hooks](https://blog.logrocket.com/improve-async-network-state-handling-custom-react-hooks/)
81 | - [A memory game created with React Styled Components](https://reactjsexample.com/a-memory-game-created-with-react-styled-components/)
82 | - [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)
83 | - [How to Use ‘useReducer’ and ‘useContext’: React Hooks Tutorial](https://javascript.plainenglish.io/usereducer-along-with-usecontext-react-hooks-b558be82dd4d)
84 | - [The Greatest React Developer I Ever Met](https://javascript.plainenglish.io/the-greatest-react-developer-i-ever-met-1e58df22bb71)
85 | - [How to send emails from a React app with Netlify Functions](https://blog.logrocket.com/how-to-send-emails-react-app-netlify-functions/)
86 | - [Lazy Loading In React](https://www.c-sharpcorner.com/article/lazy-loading-in-react/)
87 | - [How I set up a Next.js project structure](https://flaviocopes.com/nextjs-project-structure/)
88 | - [Using Styled Components with React](https://www.thisdot.co/blog/using-styled-components-with-react)
89 | - [React isn't fast, let's learn why](https://jai-dewani.hashnode.dev/react-isnt-fast-lets-learn-why)
90 | - [Create React App without create-react-app !](https://dev.to/riddhiagrawal001/create-react-app-without-create-react-app-2lgd)
91 | - [Client- and Server-Side Data Fetching in React](https://dev.to/fenok/client-and-server-side-data-fetching-in-react-4o7d)
92 | - [React-Calendar tutorial: Build and customize a simple calendar](https://blog.logrocket.com/react-calendar-tutorial-build-customize-calendar/)
93 | - [Tic Tac Toe Online Multiplayer Game Build With React](https://reactjsexample.com/tic-tac-toe-online-multiplayer-game-build-with-react/)
94 |
95 |
96 | ## Packages
97 |
98 | - [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.
99 | - [React Hot Toast](https://react-hot-toast.com/) - The Best Toast in Town. Smoking hot React notifications.
100 | - [React Content Loader](https://skeletonreact.com/) - SVG-Powered component to easily create placeholder loadings (like Facebook’s cards loading).
101 | - [React Filepond](https://pqina.nl/filepond/) - A new way to upload files
102 | - [React Notion X](https://github.com/NotionX/react-notion-x) - Fast and accurate React renderer for Notion. TS batteries included. ⚡ ️
103 | - [React Select](https://react-select.com/home) - A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete, async and creatable support.
104 | - [Sweet Alert](https://sweetalert.js.org/) - A beautiful replacement for success messages, error messages or info messages
105 | - [React Infinite Scroller](https://danbovey.uk/react-infinite-scroller/) - Infinitely load content using a React Component.
106 | - [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.
107 | - [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.
108 | - [ChartJS](https://github.com/reactchartjs/react-chartjs-2) - Build beautiful charts in minutes with Chartjs, Dashboards will looks sexy like never before.
109 | - [React Slick](https://react-slick.neostack.com/) - React carousel component. One of the best sliders out there to showcase anything.
110 | - [React Auto Suggest](http://react-autosuggest.js.org/) - WAI-ARIA compliant autosuggest component built in React
111 | - [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.
112 | - [React Spinners](https://www.davidhu.io/react-spinners/) - A collection of loading spinner components for react
113 | - [React Bootstrap Datatable](https://react-bootstrap-table.github.io/react-bootstrap-table2/) - Next Generation of react-bootstrap-table. Datatable made easy like never before.
114 | - [Styled Components](https://styled-components.com/) - styled-components is the result of wondering how we could enhance CSS for styling React component systems.
115 | - [use-abortable-stream-fetch](https://github.com/marconi/use-abortable-stream-fetch) - React hook for fetching streams that can be aborted.
116 | - [React API Hooks](https://github.com/ABWalters/react-api-hooks) - React hooks to interact with an API from a stateless component using axios.
117 | - [React Use Smooth Scroll](https://github.com/saidMounaim/React-Use-Smooth-Scroll) - React Provider Component to add a smooth scroll effect 😍
118 | - [React Use Mail To](https://github.com/saidMounaim/use-mail-to) - Renders a link formatted to send an email (mailto: link).
119 | - [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
120 | - [easy-peasy](https://github.com/ctrlplusb/easy-peasy) - Vegetarian friendly state for React
121 | - [React Hooks Lib](https://github.com/beizhedenglong/react-hooks-lib) - A set of reusable React Hooks.
122 | - [react-powerhooks](https://github.com/kalcifer/react-powerhooks) - Hooks api for react-powerplug components
123 | - [use-events](https://github.com/sandiiarov/use-events) - 🍭 Event hooks
124 | - [react-apollo-hooks](https://github.com/trojanowski/react-apollo-hooks) - Use Apollo Client as React hooks
125 | - [react-recipes](https://github.com/craig1123/react-recipes) - 👩🍳 A list of React Hooks utility library containing popular customized hooks
126 | - [react-hookedup](https://github.com/zakariaharti/react-hookedup) - 👽 A collection of useful React hooks
127 | - [react-hooks-axios](https://github.com/use-hooks/react-hooks-axios) - Custom React Hooks for Axios.js
128 | - [rest-hooks](https://github.com/coinbase/rest-hooks) - Delightful data fetching for React.
129 | - [use-call](https://github.com/doasync/use-call) - useCall React hook
130 | - [react-use-clipboard](https://github.com/danoc/react-use-clipboard) - React hook that provides copy to clipboard functionality.
131 | - [constate](https://github.com/diegohaz/constate) - React Context + State
132 | - [rooks](https://github.com/imbhargav5/rooks) - Essential React custom hooks ⚓ to super charge your components!
133 | - [navi](https://github.com/frontarm/navi) - 🧭 Declarative, asynchronous routing for React.
134 | - [react-firebase-hooks](react-firebase-hooks) - React Hooks for Firebase.
135 | - [use-file-input](https://github.com/rot1024/use-file-input) - React Hooks for file selection with hidden
136 | - [react-hook-form](https://github.com/react-hook-form/react-hook-form) - 📋 React Hooks for forms validation (Web + React Native)
137 | - [react-hooks-image-size](https://github.com/use-hooks/react-hooks-image-size) - Custom React Hooks for image natural size
138 | - [use-key-hook](https://github.com/haldarmahesh/use-key-hook) - React hook to handle all the key press.
139 | - [use-http](https://github.com/ava/use-http) - 🐶 React hook for making isomorphic http requests
140 | - [use-media](https://github.com/streamich/use-media) - useMedia React hook to track CSS media query state
141 | - [use-debounce](https://github.com/xnimorz/use-debounce) - A debounce hook for react
142 | - [local-storage](https://github.com/rehooks/local-storage) - React hook which syncs localStorage[key] with the comp.
143 | - [react-useportal](https://github.com/alex-cory/react-useportal) - 🌀 React hook for Portals
144 | - [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.
145 | - [ant-design](https://github.com/ant-design/ant-design) - An enterprise-class UI design language and React UI library
146 | - [chakra-ui](https://github.com/chakra-ui/chakra-ui) - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
147 | - [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React
148 | - [Semantic-UI](https://github.com/Semantic-Org/Semantic-UI) - Semantic is a UI component framework based around useful principles from natural language.
149 | - [evergreen](https://github.com/segmentio/evergreen) - 🌲 Evergreen React UI Framework by Segment
150 | - [reakit](https://github.com/reakit/reakit) - Toolkit for building accessible rich web apps with React
151 |
152 |
153 | ## Tools
154 |
155 | - [Reactide](http://reactide.io/) - Reactide is an integrated development environment (IDE) for web developers using React.js.
156 | - [Belle](https://nikgraf.github.io/belle?ref=hackernoon.com) - This open-source library was built by the members of React community.
157 | - [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.
158 | - [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.
159 | - [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.
160 | - [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.
161 | - [Sing App React](https://flatlogic.com/templates/sing-app-react) - This fully responsive admin template was downloaded more than 1000 times.
162 | - [Periscope](https://github.com/shea-hawkins/periscope) - There isn’t much to say about this open-source project. This is monitoring for Redux applications.
163 | - [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.
164 | - [React Studio](https://reactstudio.com/) - React Studio is a useful tool for web developers and web designers. Web developers can enjoy clean JS code
165 | - [Atom React Plugin](https://orktes.github.io/atom-react/) - This is support for the Atom Editor that helps highlight JSX code.
166 | - [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.
167 | - [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.
168 | - [Flatlogic One React](https://flatlogic.com/templates/one-react-template?ref=hackernoon.com) - This is an admin template made with React 16 and Redux.
169 | - [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.
170 | - [Storybook](https://storybook.js.org/?ref=hackernoon.com) - Storybook helps you develop nice separate UI components.
171 | - [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.
172 |
173 | ## Videos
174 |
175 | - [What Are React Hooks?](https://www.youtube.com/watch?v=d-aAs_4SQ7c&ab_channel=LevelUpTuts)
176 | - [Introducing React Hooks](https://www.youtube.com/watch?v=mxK8b99iJTg&ab_channel=TraversyMedia)
177 | - [10 React Hooks Explained // Plus Build your own from Scratch](https://www.youtube.com/watch?v=TNhaISOUy6Q&t&ab_channel=Fireship)
178 | - [5 Custom React Hooks You Need In Every Project](https://www.youtube.com/watch?v=0c6znExIqRw&t&ab_channel=WebDevSimplified)
179 | - [Save Hours Of Work With These 5 Custom React Hooks](https://www.youtube.com/watch?v=vrIxu-kfAUo&ab_channel=WebDevSimplified)
180 | - [Are React Hooks Slower than Class Components?](https://www.youtube.com/watch?v=tKRWuVOEB2w&ab_channel=BenAwad)
181 | - [React Suspense Introduction (Data Fetching)](https://www.youtube.com/watch?v=NTDJ-NQ32_E&ab_channel=TraversyMedia)
182 | - [Build a GitHub Jobs App With React Hooks](https://www.youtube.com/watch?v=fxY1q4SCB64&ab_channel=TraversyMedia)
183 | - [Build a Recipe App With React | React Tutorial For Beginners](https://www.youtube.com/watch?v=U9T6YkEDkMo&t&ab_channel=DevEd)
184 | - [React useTransition Hook](https://www.youtube.com/watch?v=8WnGNId62h8&ab_channel=BenAwad)
185 | - [The Plan for react 18 | Explained](https://www.youtube.com/watch?v=QQXj6k3aJWw&ab_channel=HiteshChoudhary)
186 | - [Timeline Component in React](https://www.youtube.com/watch?v=tcUVUBlyXX8&ab_channel=FlorinPop)
187 | - [Movies App - React Project](https://www.youtube.com/watch?v=sZ0bZGfg_m4&ab_channel=FlorinPop)
188 | - [Advanced Dropdown Menu - React & CSS Animation ](https://www.youtube.com/watch?v=IF6k0uZuypA&ab_channel=Fireship)
189 | - [Infinite Scrolling With React - Tutorial](https://www.youtube.com/watch?v=NZKUirTtxcg&ab_channel=WebDevSimplified)
190 | - [Simple Frontend Pagination | React](https://www.youtube.com/watch?v=IYCa1F-OWmk&ab_channel=TraversyMedia)
191 | - [Styled Components Crash Course & Project](https://www.youtube.com/watch?v=02zO0hZmwnw&ab_channel=TraversyMedia)
192 | - [React 18 & TypeScript | How to Enable TypeScript in React 18](https://www.youtube.com/watch?v=bA5pZnEE0yA&ab_channel=codeSTACKr)
193 | - [React Netflix Movie App Design Tutorial | React UI Full Course for Beginners](https://www.youtube.com/watch?v=FzWG8jiw4XM&t=1s&ab_channel=LamaDev)
194 | - [Vite 2.0 Crash Course | Super Fast Build Tool for JavaScript, React, Vue, Svelte, & Lit (2021)](https://www.youtube.com/watch?v=LQQ3CR2JTX8&t=24s&ab_channel=codeSTACKr)
195 | - [React Tables From Zero to Hero](https://www.youtube.com/watch?v=WRKEjPq75BY&ab_channel=CoderOne)
196 | - [Build A Realtime Chat App In ReactJS and NodeJS | Socket.io Tutorial](https://www.youtube.com/watch?v=NU-HfZY3ATQ&ab_channel=PedroTech)
197 | - [React E-Commerce App Design Tutorial | React Shopping Cart UI Design](https://www.youtube.com/watch?v=c1xTDSIXit8&ab_channel=LamaDev)
198 | - [React Admin Dashboard Tutorial](https://www.youtube.com/watch?v=aTPkos3LKi8&ab_channel=LamaDev)
199 | - [Deploy Node.js and React Apps | Full Deployment /w Nginx VPS, SSL](https://www.youtube.com/watch?v=Nxw2j1-srVc&ab_channel=LamaDev)
200 | - [3 Awesome React Loading Screens | Skeleton - Circular - Animated](https://www.youtube.com/watch?v=PNQGbczXkMI&ab_channel=LamaDev)
201 | - [React Movie App Tutorial](https://www.youtube.com/watch?v=jc9_Bqzy2YQ&ab_channel=ChrisBlakely)
202 | - [React File Upload Tutorial with Drag-n-Drop and ProgressBar](https://www.youtube.com/watch?v=MAw0lQKqjRA&ab_channel=BrunoAntunes)
203 | - [React Hooks SWR: Fetch, Cache and ReValidate server data with SWR and Axios](https://www.youtube.com/watch?v=a7JigiLw_OY&ab_channel=BrunoAntunes)
204 | - [Formik: React Forms Tutorial with Yup and Material](https://www.youtube.com/watch?v=kYyaJyTLjpk&ab_channel=BrunoAntunes)
205 | - [TypeScript/React Testing: Components, Hooks, Custom Hooks, Redux and Zustand](https://www.youtube.com/watch?v=bvdHVxqjv80&ab_channel=JackHerrington)
206 |
207 | ## Books
208 |
209 | - [Learn React Hooks, published by Packt](https://github.com/PacktPublishing/Learn-React-Hooks)
210 | - [LEARN REACT THE RIGHT WAY](https://www.newline.co/fullstack-react)
211 | - [HTML To React: The Ultimate Guide](https://ngninja.gumroad.com/l/html2react)
212 | - [The Road to React by Robin Wieruch](https://www.amazon.com/Road-learn-React-pragmatic-React-js-ebook/dp/B077HJFCQX?tag=javamysqlanta-20)
213 | - [React Book, your beginner guide to React](https://github.com/softchris/react-book)
214 |
215 | ## Courses
216 |
217 | - [React Front To Back](https://www.udemy.com/course/modern-react-front-to-back/)
218 | - [The Creative React and Redux Course](https://developedbyed.com/p/the-creative-react-and-redux-course)
219 | - [Complete Intro to React, v5](https://frontendmasters.com/courses/complete-react-v5/)
220 | - [Next.js Firebase Full Course](https://fireship.io/courses/react-next-firebase/)
221 | - [Using React Hooks](https://www.pluralsight.com/courses/using-react-hooks)
222 | - [React - The Complete Guide (incl Hooks, React Router, Redux)](https://courses.reacttraining.com/p/react-hooks)
223 | - [Learn React Hooks by building key features of a realistic app](https://vuejs-course.com/courses/vuejs-3-composition-api)
224 | - [Advanced React Hooks Course](https://codedamn.com/learn/advanced-react-hooks)
225 | - [React Hooks (packtpub)](https://www.packtpub.com/product/react-hooks-video/9781839210075)
226 | - [Full Modern React Tutorial](https://netninja.dev/p/modern-react-tutorial)
227 | - [Build React Skeleton Screens](https://netninja.dev/p/create-react-skeleton-screens)
228 |
--------------------------------------------------------------------------------
4 |