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
- Language
- English
- 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?
UpdatedIntro to Shopify App Development with React, Node & GraphQL
By: UdemyBuild real Shopify apps with React, Node, and GraphQL, working with the Shopify Admin API and injecting custom storefront code.4h
Updated 3y agoReact Query - Essentials (v2)
By: Tanner LinsleyIn this course, you will learn how to wield React Query as your go-to weapon of choice for defeating and overcoming the challenges and hurdles of server state.2h 54m5/5
Updated 3y agoReact & TypeScript - The Practical Guide
By: Academind Pro (Maximilian Schwarzmüller)TypeScript is an amazing technology that helps developers write better code with less errors - simply because it let's you catch & fix type-related errors.7h 22m5/5
UpdatedBuild a Shopping Cart App
By: Reed BargerBuild a complete e-commerce shopping cart app with React, Node.js, and Stripe checkout in this focused, 20-lesson project course.1h 41m
UpdatedAdvanced 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
FreeUpdatedThe complete React Fullstack course ( 2021 edition )
By: UdemyFree, project-based React course covering ES6, Node.js, Redux, MongoDB, and JWT authentication as you build a full-stack app from scratch.76h 58m
More courses by UI.dev (Tyler McGinnis)
UpdatedReact 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
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.