Skip to main content

Courses About Pricing Educators

Sign in Get started

Courses About Pricing Educators

Get started Sign in

Loading courses

Loading lessons

Reducers: React: Uncharted

Courses ReactReducers

Reducers

Describe state changes as actions and centralize related transitions in pure reducer functions.

React
Unit 10 of 16
20 lessons
140 min
420 XP

Every lesson is open. Sign in when you are ready to begin.

Sign in to start

Lessons

20 total

1Actions, Not EditsReason about actions, not edits in an everyday interface.InteractiveConcept6 min20 XPOpen
2Your First ReducerBuild a React interface that demonstrates your first reducer.CodeConcept7 min20 XPOpen
3Action ObjectsBuild a React interface that demonstrates action objects.CodeConcept7 min20 XPOpen
4Predict the DispatchReason about predict the dispatch in an everyday interface.InteractiveConcept6 min20 XPOpen
5Reducers Stay PureBuild a React interface that demonstrates reducers stay pure.CodeConcept7 min20 XPOpen
6Switch on TypeBuild a React interface that demonstrates switch on type.CodeConcept7 min20 XPOpen
7From useState to useReducerBuild a React interface that demonstrates from usestate to usereducer.CodeConcept7 min20 XPOpen
8Init and ResetBuild a React interface that demonstrates init and reset.CodeConcept7 min20 XPOpen
9Impossible StatesBuild a React interface that demonstrates impossible states.CodeConcept7 min20 XPOpen
10Arrange the DispatchReason about arrange the dispatch in an everyday interface.InteractiveConcept6 min20 XPOpen
11Store, LiteBuild a React interface that demonstrates store, lite.CodeConcept7 min20 XPOpen
12Undo with HistoryBuild a React interface that demonstrates undo with history.CodeConcept7 min20 XPOpen
13Cart ReducerBuild a React interface that demonstrates cart reducer.CodePractice8 min20 XPOpen
14Wizard ReducerBuild a React interface that demonstrates wizard reducer.CodePractice8 min20 XPOpen
15Predict the StateReason about predict the state in an everyday interface.InteractiveConcept6 min20 XPOpen
16Test the Reducer DirectlyBuild a React interface that demonstrates test the reducer directly.CodeConcept7 min20 XPOpen
17When Reducers WinReason about when reducers win in an everyday interface.InteractiveConcept6 min20 XPOpen
18Turn-Based GameBuild a React interface that demonstrates turn-based game.CodePractice8 min20 XPOpen
19Explain ReducersReason about explain reducers in an everyday interface.InteractiveConcept6 min20 XPOpen
20Reducers Mastery CheckBuild a React interface that demonstrates reducers mastery check.CodeMastery check10 min40 XPOpen

Context Refs and the DOM