YoVDO

Using React Hooks

Offered By: Pluralsight

Tags

React Courses Functional Components Courses React Context Courses

Course Description

Overview

React Hooks simplify programming state and lifecycle events exclusively in functional components.

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.

Syllabus

  • Course Overview 1min
  • Start Using React Hooks with useState, useEffect, and useRef 44mins
  • Using More Hooks: useContext, useReducer, useCallback, and useMemo 44mins
  • Migrating Your Existing Apps to React Hooks 15mins
  • Learn How to Combine Existing React Hooks into New Combined Hooks 52mins
  • Using useContext and useReducer to Make a Redux-like Global State 41mins

Taught by

Peter Kellner

Related Courses

Learn React: Build a Movie Search App
Scrimba via Coursera
Advanced React Projects and Ecommerce Development
Packt via Coursera
Create React Forms Using Hooks
Coursera Project Network via Coursera
Introduction to ReactJS
Microsoft via edX
Advanced Fine-Grained Control of Vue.js Components
egghead.io