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
React Hooks is a 30-lesson 3 hours 47 minutes self-paced course by UI.dev (Tyler McGinnis). 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.
Course facts
- Lessons
- 30
- Duration
- 3 hours 47 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- UI.dev (Tyler McGinnis)
- Price
- Premium
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
Who teaches React Hooks? UI.dev (Tyler McGinnis)
UI.dev (formerly tylermcginnis.com) is the online course platform of Tyler McGinnis, a US developer who has been publishing React and JavaScript educational material continuously since 2014. The platform was one of the earliest dedicated React-tutorial sources and remains widely cited for the depth of its long-form courses on JavaScript fundamentals and the React ecosystem.
Course material covers React (including modern hooks-based patterns and Next.js), modern JavaScript (the canonical Modern JavaScript course), Firebase, GraphQL, Redux, TypeScript with React, and the algorithm / data-structure interview prep track. The teaching style is unusually rigorous about the language fundamentals underneath the framework material — Tyler's Modern JavaScript course in particular is a classic of the genre.
The CourseFlix listing under this source carries over 15 UI.dev / Tyler McGinnis courses spanning that range. Material is paid; UI.dev runs on per-course or membership pricing on the original platform.
What lessons are included in React Hooks?
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 subscriptionWhat courses are similar to React Hooks?
-
Updated 2y agoScale React Development with Nx
By: egghead.ioOn the surface, starting a project sounds easy. First you make some directories, install some dependencies, then you write some code. But there's a bit more to1h 34m -
Updated 2y agoNext.js and Apollo - Portfolio App (w/ React, GraphQL, Node)
By: UdemyGraphQL is a query language for your API, and a server-side runtime for executing queries by using a type system you define for your data. GraphQL isn't tied to28h 38m -
Updated 2y agoServer Side Rendering with React and Redux
By: Udemy, Stephen GriderGo beyond the basics of React and Redux! This course will teach you to combine the ultra-popular React v16, Redux, React Router, and Express technologies to bu8h 14m -
Updated 2y agoReact Node FullStack - Ecommerce from Scratch to Deployment
By: UdemyLearn to Deploy your fully functioning Ecommerce app to production by using Digital Ocean cloud servers. Learn to add your own custom Domain name.16h 15m -
Updated 2y agoReact, NextJS and NestJS: A Rapid Guide - Advanced
By: UdemyReact with Typescript, Next.js, Redux, NestJS, Docker, Redis, Stripe, Frontend & Backend Filtering. Learn how to create an Ambassador App using React, NextJS an8h 40m0/5 -
Updated 2y agoReact Query: Server State Management in React
By: UdemyReact Query has become the go-to solution for server state management in React apps, and for good reason! This smart, comprehensive solution makes it easy to ke7h 39m
More courses by UI.dev (Tyler McGinnis)
-
Updated 2y agoReact Router v4
For good reason, React Router is the most popular 3rd party library in the React ecosystem. If you're using React, odds are you're also using React Router. Reac6h 44m -
Updated 2y agoReact Fundamentals
If you're serious about learning React, there's no better place to do it. Originally launched in 2016, this course has been taken by tens of thousands of develo4h 36m -
Updated 2y agoReact Native
The description is simple - learn how to create an iOS and Android React Native app that you submit to both the App Store and the Google Play store. With over 73h 46m -
Updated 2y agoRedux
There's no better strategy for learning a new technology than building your own version of it. In this course, we'll take that to the extreme.7h 13m -
ClassicThe interactive way to master modern React - react.gg (FULL COURSE)
OPTIMIZED FOR AHA! We’re obsessed with helping you reach your aha! moments. Our text sections help you master the “why” behind React concepts and include fun, i7h 53m5/5 -
Updated 3y agoTypeScript course
Types are fundamental to TypeScript, so naturally you'll need to be familiar with the base types that exist in JavaScript. We'll start the course off with some6h 27m
Frequently asked questions
What prerequisites are needed before taking this course?
Before taking this course on React Hooks, students should have a solid understanding of JavaScript and familiarity with React, as the course builds on these concepts. Knowledge of fundamental React components and lifecycle methods will be beneficial since Hooks are designed to replace some of these older patterns. The course assumes you are comfortable with JavaScript ES6 features and have experience with functional programming concepts.
What projects or exercises will I complete during the course?
The course includes several practical exercises and projects to reinforce learning. These include solutions such as Theme, Todos, Show/Hide, and more complex tasks like API Requests and Character Limit. Additionally, there are projects like Battle.js, Card and Nav, and useHover that allow students to apply the Hooks knowledge in more realistic scenarios. These exercises are designed to provide hands-on experience with applying Hooks in various situations.
Who is the target audience for this course?
This course is targeted at front-end developers who are familiar with React and looking to enhance their skills by learning React Hooks. It is suitable for those who want to update their knowledge to include Hooks, which have become a staple in modern React development. The course is particularly beneficial for developers moving from class-based components to function-based components using Hooks.
How does the depth of this course compare to other React courses?
This course specifically focuses on React Hooks, providing detailed explanations and practical applications of different Hooks like useState, useEffect, useReducer, and useRef. Unlike broader React courses, this course dives deeply into Hooks, offering solutions and projects that thoroughly cover their use cases. Students will gain a specialized understanding of Hooks, which are essential for modern React development.
What specific tools or platforms are covered in this course?
The course covers tools and platforms integral to React Hooks, such as creating custom hooks and using built-in hooks like useState, useEffect, and useReducer. Students will also explore advanced concepts like React.memo, useCallback, and useMemo to optimize performance. The guide to React Context is included to demonstrate state management with Hooks. However, the course does not cover unrelated tools or platforms outside the React ecosystem.
What topics are not covered in this course?
The course is focused exclusively on React Hooks and does not cover topics outside of this scope, such as Redux for state management, server-side rendering with Next.js, or detailed CSS styling techniques. It also does not delve into the basics of React itself, such as component creation or JSX syntax, assuming prior knowledge of these areas.
How much time should I expect to commit to completing this course?
The course consists of 30 lessons, each focusing on different aspects of React Hooks. While the total runtime is not specified, students should be prepared to dedicate time not only to watching lessons but also to completing the practical exercises and projects. Depending on the student's prior experience, the time commitment can vary, but a few weeks of part-time study should be expected to fully grasp the material and complete the assignments.