If you never develop a convincing answer for both of those questions, you won’t have a solid enough foundation to build upon when you dive into the specifics. These questions are specifically interesting in regards to React Hooks. React was the most popular and most loved front-end framework in the JavaScript ecosystem when Hooks were released.
React Hooks
3h 47m 48s
English
Paid
Despite the existing praise, the React team still saw it necessary to build and release Hooks. Lost in the various Medium posts and blog think pieces on Hooks are the reasons (1) why and for what (2) benefit, despite high praise and popularity, the React team decided to spend valuable resources building and releasing Hooks. To better understand the answers to both of these questions, we first need to take a deeper look into how we’ve historically written React apps.
The first thing you should do whenever you’re about to learn something new is ask yourself two questions -
- Why does this thing exist?
- What problems does this thing solve?
Additional
About the Author: ui.dev (ex. Tyler McGinnis)
ui.dev is the React-focused learning platform founded by Tyler McGinnis. Tyler started teaching React on his personal blog in 2015 (one of the first detailed React tutorials available), then turned the work into a paid course platform that grew into ui.dev and the React Bootcamp curriculum.
The catalog has narrowed and re-focused over time — the current core is React, JavaScript fundamentals, and Firebase — with deeper interactive material than typical video courses. The "React Course" and "Advanced React" learning paths are widely recommended for engineers moving from "I can build a React app" to "I can debug an unfamiliar React codebase".
Watch Online 30 lessons
0:00
/ #1: Why React Hooks?
All Course Lessons (30)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Why React Hooks? Demo | 13:41 | |
| 2 | The useState Hook | 10:13 | |
| 3 | (Solution) Theme | 01:46 | |
| 4 | (Solution) Todos | 06:18 | |
| 5 | (Solution) Show/Hide | 04:49 | |
| 6 | (Bonus) Execution Context, Scopes, and Closures | 25:30 | |
| 7 | The useEffect Hook | 14:53 | |
| 8 | (Solution) Character Limit | 03:08 | |
| 9 | (Solution) Wait Delay | 01:53 | |
| 10 | (Solution) API Requests | 05:26 | |
| 11 | Creating Custom Hooks | 06:48 | |
| 12 | (Solution) useWait | 01:56 | |
| 13 | (Solution) useWindowDimensions | 02:52 | |
| 14 | (Solution) useFetch | 02:37 | |
| 15 | The useReducer Hook | 24:22 | |
| 16 | (Solution) Refactor useFetch | 03:31 | |
| 17 | The useRef Hook | 09:38 | |
| 18 | (Solution) Complex Form | 03:25 | |
| 19 | (Solution) Click Game | 05:32 | |
| 20 | Guide to React Context | 10:09 | |
| 21 | (Solution) LocaleContext | 02:53 | |
| 22 | React.memo, useCallback, and useMemo | 25:15 | |
| 23 | (Project) Introduction | 02:00 | |
| 24 | (Project) index.js | 03:45 | |
| 25 | (Project) Battle.js | 08:25 | |
| 26 | (Project) Card and Nav | 01:35 | |
| 27 | (Project) useHover | 03:38 | |
| 28 | (Project) Loading.js | 04:06 | |
| 29 | (Project) Popular.js | 12:17 | |
| 30 | (Project) Results.js | 05:27 |
Unlock unlimited learning
Get instant access to all 29 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionRelated courses
-
Microfrontends with React: A Complete Developer's Guide
Sources: udemy, Stephen GriderCongratulations! You've found the most popular, most complete, and most up-to-date resource online for learning how to use microfrontends! Thousands of other en9 hours 2 minutes 34 seconds -
React Front To Back 2022
Sources: udemy, Brad TraversyThis course is for anyone that wants to learn React and also for React developers looking to build some projects and sharpen their skills. The first project (Feedback App) is…19 hours 57 minutes 45 seconds -
Next.js & React with ChatGPT - Development Guide (2023)
Sources: udemyThroughout the course, you will gain experience developing a Next JS application from the ground up. Additionally, you'll receive instruction on integrating Ope7 hours 6 minutes 49 seconds -
Mastering Maintainable React
Sources: udemy"Maintained React" is a comprehensive course designed to teach you the best practices for writing clean and maintainable code in React. Indepen...7 hours 8 minutes 52 seconds 5 / 5 -
Advanced React Patterns
Sources: Cosden SolutionsAdvanced Patterns React is more than 700 minutes of instructional material focused on learning advanced patterns in React, from preloading...12 hours 7 minutes 27 seconds 5 / 5 -
Microservices with NodeJS, React, Typescript and Kubernetes
Sources: udemyIn building large scale applications intended for growth, microservices architecture is the go-to solution. One issue for Javascript and NodeJS learners is the97 hours 19 minutes 16 seconds 5 / 5