Using React 17 Hooks

Focused View

Peter Kellner

2:14:24

23 View

01 - Course Overview

01 - Course Overview.mp4

01:49

02 - Start Using React Hooks with useState, useEffect, and useRef

02 - Why You Should Care About React Hooks.mp4

04:15

03 - Setting up Our React Tool Chain.mp4

05:08

04 - Our First React Hook setState, and Tracking Input Field Value.mp4

04:46

05 - Using useRef to Enable Mouseover to Colorize an Image.mp4

05:58

06 - The useEffect Hook.mp4

04:37

07 - Using useEffect, useRef and useState for Colorizing on Scroll.mp4

05:45

08 - Takeaways.mp4

03:02

03 - Using More Hooks - useContext, useReducer, useCallback, and useMemo

09 - Why Should You Use React Hooks and Does It Matter.mp4

03:01

10 - React Hooks Basic Usage and Rules.mp4

04:50

11 - Updating Our Examples to a Conference Website including Bootstrap.mp4

03:00

12 - Reviewing Code of Our New Three-hooks-only Conference Website.mp4

04:38

13 - Preparing React Context for Use with useContext Hook.mp4

04:28

14 - Using useContext to Access Global Configuration from React Context API.mp4

02:40

15 - useReducer Is What useState Is Built On.mp4

04:12

16 - Using useReducer with Multiple Dispatched Actions.mp4

05:30

17 - Using useCallback to Improve React App Performance.mp4

02:56

18 - Using useMemo to Optimize Filtering and Sorting Speakers.mp4

02:58

19 - Takeaways.mp4

00:49

04 - Migrating Your Existing Apps to React Hooks

20 - Whats Different and Whats the Same between Hooks and No Hooks.mp4

02:04

21 - Tracking State Changes in React Hooks Functional Components vs. React Class Components.mp4

02:41

22 - What useState Represents in a Class Component.mp4

02:35

23 - What useRef Represents in a Class Component.mp4

01:26

24 - What useEffect Represents in a Class Component.mp4

05:40

25 - Takeaways.mp4

01:26

05 - Learn How to Combine Existing React Hooks into New Combined Hooks

26 - Benefits of Combing React Hooks into Custom Hooks.mp4

01:44

27 - Timing out and Email Validation on the Signup Form.mp4

05:56

28 - Combining Multiple React Hooks into One Custom Hook.mp4

02:42

29 - Introducing the Custom Hook useAxiosfetch for async REST.mp4

05:37

30 - Integrating Our Custom Hook useAxiosfetch in Our Conference App.mp4

02:43

31 - Updating Speaker Favorite with Our useAxiosfetch Custom Hook.mp4

04:22

06 - Integrating Authentication into Your App with React Hooks

32 - What Is Authentication.mp4

03:25

33 - Updating Our Conference Site as if Login Was Done.mp4

05:17

34 - Customizing Our Node Server for Authentication.mp4

03:08

35 - Integrating the Server-generated Request Object.mp4

05:10

36 - Module and Course Wrap Up.mp4

04:06

Description

React Hooks bring state and lifecycle events to React Functional Components as well as streamlining code that previously was coupled and complex. Learn techniques for using React Hooks including Redux-like state management with React Context.

What You'll Learn?

React Hooks reduce the complexity associated with managing state and lifecycle events exclusively in React Functional Components. What previously was complex, and often required middleware to implement, can be easily done and extended using React Hooks. They are called “hooks” because they allow the developer to hook into existing pre-built functionality. In this course, Using React 17 Hooks, you'll gain the ability to consume pre-built React Hooks, as well as author your own custom React Hooks. First, you’ll learn all about the six most commonly used React Hooks that are built into the React core library. Then, you’ll see how they compare to the corresponding state and lifecycle events in more traditional legacy React Class Components. Next, you’ll explore how to both consume and author your own re-usable custom React Hooks. Finally, you’ll be shown how to combine React Context with React Hooks state management to integrate a Redux-like state management solution into your React app. When you are finished with this course, you’ll confidently be able to build fully capable functional components that use React Hooks.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

Peter Kellner

Instructor's Courses

Peter is an independent software consultant, specializing in .NET development from 1985 through 2001, as well as an MVP since 2006. He was founder and president of Tufden Inc, where he successfully delivered systems for clinic scheduling, insurance company management and medical claim processing. His solutions included delivering a turnkey medical office management system to over 500 customers nationwide. His passion for the computer dates back to elementary school when he joined his first computer club. He graduated from Cornell University in Ithaca, New York with a Bachelors and Masters in Mechanical and Aerospace Engineering.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.