Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

CodeSignal

Advanced React State Architecture

via CodeSignal

Go to class Write review

Overview

Build "Brew Rush" and master advanced React state management. Learn to architect scalable apps using the useReducer + Context pattern, manage complex game and UI state, and control screen transitions without routing libraries. You'll gain hands-on experience structuring global state, building a dynamic HUD, and separating business logic from UI for maintainable, real-world React projects.

Syllabus

  • Unit 1: Reducer Context Pattern
    • Brew Rush Global Store Setup
    • Brew Rush App Wrapper
    • Build the Brew Rush Store
  • Unit 2: State Driven View Management
    • Brew Rush Screen Shuffle
    • Brew Rush Game Screen
    • Brew Rush Results Screen
    • Brew Rush Settings Magic
  • Unit 3: Game State and Reducer Structure
    • Setting Up the Game Engine
    • Building the Game Engine
  • Unit 4: Building the Game HUD
    • Bringing the HUD to Life
    • Visualizing Resources and Rush Hour

Reviews

Start your review of Advanced React State Architecture

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.