Getting Started with React Hooks

Master React Hooks, the next evolution of the popular React library for building dynamic front end interfaces
Getting Started with React Hooks
File Size :
774.53 MB
Total length :
3h 24m

Category

Instructor

Boris Paskhaver

Language

Last update

8/2020

Ratings

4.5/5

Getting Started with React Hooks

What you’ll learn

Explore the React Hooks API introduced in React 16.8
Master the useState, useEffect, and useContext hooks that ship with the library
Declare your own custom hooks to extract business logic from components

Getting Started with React Hooks

Requirements

Basic knowledge of the React library (components, state, props) — reviews are provided
Basic knowledge of JSX, the syntax extension for JavaScript
Intermediate knowledge of ES6 features (classes, object destructuring, constants, etc)

Description

Welcome to Getting Started with React Hooks!This course offers a comprehensive overview of React Hooks, the latest feature introduced in the popular React library for building dynamic front end interfaces.A hook is a plain JavaScript function that “hooks” into existing React features like state, lifecycle methods, and context. In the official documentation, the core React team writes that, in due time, they “expect Hooks to be the primary way people write React components”.Getting Started with React Hooks begins with the essentials and proceeds to more complex topics including:The useState hookThe useEffect hookThe useContext hookCustom hooksIn addition to hooks, the course is packed with optional lessons to enhance your knowledge of core JavaScript and React concepts. These topics include:Stateless functional and class-based React componentsLifecycle methodsArray and object destructuringClosuresEvent ListenersThe React Context APINo matter your skill level, the content is designed to get you up to speed on React Hooks as quickly as possible.Thanks for checking out the course!

Overview

Section 1: Introduction

Lecture 1 Welcome to React Hooks

Lecture 2 Setup New create-react-app Project

Section 2: The useState Hook

Lecture 3 OPTIONAL – REVIEW: Stateless Functional Components

Lecture 4 OPTIONAL – REVIEW: Class-based React Components

Lecture 5 OPTIONAL – REVIEW: Array Destructuring

Lecture 6 Invoking the useState Hook

Lecture 7 Destructuring and Using the useState Return Value

Lecture 8 Using the useState Hook to Build a Counter

Lecture 9 CHALLENGE: Adding More Click Handlers

Lecture 10 The useState Hook with an Object Argument

Lecture 11 Working with Multiple Pieces of State in a Hooks-Based Component

Section 3: The useEffect Hook

Lecture 12 OPTIONAL – REVIEW: Lifecycle Methods on Class-based Components

Lecture 13 Invoking the useEffect Hook

Lecture 14 Cleaning Up by by Returning a Function from the Effect I

Lecture 15 Cleaning Up by by Returning a Function from the Effect II

Lecture 16 Limiting useEffect to Mounting and Unmounting

Lecture 17 The Second Argument to the useEffect Hook

Lecture 18 OPTIONAL – REVIEW: Event Listeners

Lecture 19 Another useEffect Example: User Input

Section 4: The useContext Hook

Lecture 20 OPTIONAL – REVIEW: React Context

Lecture 21 Invoking the useContext Hook

Section 5: Custom Hooks

Lecture 22 Define a Custom Hook (User Keypresses)

Lecture 23 Another Custom Hook Example (Counter)

Lecture 24 CHALLENGE: Reusing Custom Hooks in Multiple Components

Section 6: Conclusion

Lecture 25 Conclusion

Lecture 26 Bonus!

React developers who want to explore the future of the popular UI library,Front end developers interested in discovering the React library

Course Information:

Udemy | English | 3h 24m | 774.53 MB
Created by: Boris Paskhaver

You Can See More Courses in the Developer >> Greetings from CourseDown.com

New Courses

Scroll to Top