Managing React State

This course will teach you how to implement many types of React state including local, global, refs, context, derived, and more. You'll learn how to choose between types of state, how to derive state, and how to share state between components.
Course info
Rating
(16)
Level
Intermediate
Updated
Aug 20, 2020
Duration
5h 5m
Table of contents
Course Overview
Deciding How and When to Declare State
Managing Local and Remote State
Implementing Routing
Managing Shared, Derived, and Immutable State
Implementing Form Validation
Managing State via Refs
Managing Complex State with useReducer
Sharing State and Functions via Context
Managing State in Class Components
Managing State via Third Party Libraries
Description
Course info
Rating
(16)
Level
Intermediate
Updated
Aug 20, 2020
Duration
5h 5m
Description

There are many types of state. In this course, Managing React State, you’ll learn how to effectively declare state to create rich, interactive React apps. First, you’ll discover eight ways to handle state in React apps. Next, you’ll explore how to manage each of these types of states including route state, component state, and refs in both function and class components. Finally, you’ll learn when to consider global state via context and third party state libraries. When you’ve finished this course, you’ll have the skills to build complex, interactive React apps in the real world.

About the author
About the author

Cory is an independent consultant with over 15 years of experience in software development. He is the principal consultant at reactjsconsulting.com and a Microsoft MVP.

More from the author
React: The Big Picture
Beginner
1h 10m
May 11, 2020
Clean Coding Principles in C#
Beginner
3h 18m
Jan 2, 2020
More courses by Cory House
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
[Autogenerated] Hi, I'm Cory House and welcome to my course managing React State. I'm the founder and principal consultant of React Yes, consulting dot com. React gaps aren't just read only their interactive, so a typical react up declares literally dozens of pieces of state and then react. There's a surprising number of options for effectively handling this state, including plane, state refs, context reducers, Web storage hooks and mawr. In this course, we're going to build a realistic online store using modern state management approaches. Some of the key topics that will cover include patterns for declaring, setting and reliably deriving state sharing data and logic between components. Managing, loading, air and form validation. State tracking on rendered state and server state and, most importantly, how to choose between these different state management approaches. By the end of this course, you'll know how to use a variety of react. State management approaches, and you'll understand when each makes sense, you'll be prepared to build complex interactive react APS using modern techniques before beginning the course. You should be familiar with react fundamentals such as function components, JSX and props. I hope you'll join me on this journey to learn modern react state management techniques with the Managing React State course at plural site