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
Released
Added to CourseFlix
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
- Language
- English
- Released
- July 2019
- Added to CourseFlix
- February 2024
- 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 |
Watch the other 29 lessons
One payment unlocks this course and every other premium course. No auto-renew.
See plansWhat courses are similar to React Hooks?
Updated 1mo agoAdd React Storybook to a Project
By: egghead.ioA quick lesson on adding React Storybook to an existing project, covering setup and the main, preview, and manager config files.3m
Updated 2y agoAWS AppSync & Amplify with React & GraphQL - Complete Guide
By: UdemyDeploy a Serverless GraphQL & React JS based Javascript application in the AWS Cloud using AWS AppSync and AWS Amplify. AWS AppSync & AWS Amplify is the BEST wa11h 11m
Updated 2y agoMaster Custom React Hooks with TypeScript
By: Fullstack.ioLearn how to build your own custom React Hook package with clear steps and real TypeScript code.2h 21m5/5
Updated 1y agoBuild and Deploy a SaaS AI Agent Platform
By: Antonio Erdeljac (Code With Antonio)Embark on an innovative journey with our comprehensive course designed to teach you how to build and deploy a cutting-edge SaaS AI Agent Platform .13h 24m
FreeUpdated 1mo agoMaster Class: React + Typescript 2021 Web Development
By: UdemyFree course: master maintainable React patterns with TypeScript by building a full e-commerce shop from scratch, no UI libraries used.22h 4m
Updated 1mo agoAdvanced Animating React with Framer Motion
By: Level Up Tutorials (Scott Tolinski)Go beyond Framer Motion basics in React: advanced animation techniques and a practical look at what's new in Framer Motion 2.2h 57m5/5
Updated 2y agoBuild Web Apps with React & Firebase
By: UdemyReact is a hugely popular front-end library and React developers are always in hight demand in the web dev job market. In this course you'll learn how to use Re23h 34m
Updated 3y agoReact Chrome Extension boilerplate | Shipped
By: Luca Restagno (Shipped Club)Launch your Chrome Extension in hours, not weeks. The boilerplate for busy makers, to launch your React Chrome Extensions fast. ou don't need to reinvent the wh5/5
More courses by UI.dev (Tyler McGinnis)
Updated 1mo agoReact Router v4
Learn React Router v4's component-based routing model by building a full app, covering nested routes, auth flows, and server rendering.6h 44m
Updated 3y 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 3y 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 1mo agoRedux
Learn Redux from the inside out by building your own implementation first, then applying it to real React and vanilla JS applications.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.