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 agoNext.js & React with ChatGPT - Development Guide (2023)
By: UdemyThroughout the course, you will gain experience developing a Next JS application from the ground up. Additionally, you'll receive instruction on integrating Ope7h 6m -
Updated 3y agoEpic React (Epic React Pro)
By: Kent C. DoddsBuilding React applications demands that you make expert decisions before you write the first line of code.27h 57m3/5 -
Updated 3y agoReact: Flux Architecture (ES6)
By: egghead.ioAs a React application grows, so does the needs for organization and patterns. How do components communicate? How do we manage state across the application? How49m -
Updated 2y agoBuild a Jira clone
By: Antonio Erdeljac (Code With Antonio)In this 16-hour course, consisting of two parts (by the way, this is my longest course!).16h 26m -
Updated 2y agoLaravel with React JS - Build Twitter Like Real Time Web App
By: UdemyDo you want to use React Js with Laravel to build powerful web applications? How about building a twitter like real time web app while learning Modern JavaScrip4h 56m -
Updated 2y agoMy first Remix app
By: Build UIRemix is a modern full-stack React framework built on the foundations of the web platform. It layers the latest innovations in the frontend ecosystem on top of5h5/5
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.