Back To Course Home
Practical Redux
0% completed
Introduction
Introduction to the CoursePlan for the Course
Project Planning and Setup
Project Mini-Mek UI MockupsCreating the Initial ProjectManaging Project DependenciesRedux SetupAdding Hot Module ReplacementFurther Information
UI Layout and Project Structure
Setting Up the UI ToolkitInitial UI LayoutBuilding a TabBar ComponentRendering Tab PanelsThoughts on Folder StructureAbsolute Imports and Feature FoldersBuilding the First Content ComponentsHandling Tab State with ReduxFurther Information
Using Redux-ORM
Intro to Redux-ORM
Basic Usage
Core Concepts
Typical Usage
Specialized Behavior
Further Information
Loading and Displaying Data
File Structure and Mock APIsConnecting the Unit Info TabSetting Up Redux-ORMLoading Pilot DataDisplaying a List of PilotsDefining Models with RelationsHandling Selection Logic
Connected Lists, Forms, and Performance
Connecting List ComponentsConnected Components and PerformanceConnecting Form ComponentsPilot Form UI StateFurther Information
Form Change Handling, Data Editing, and Feature Reducers
Code CleanupBuffering Form Changes and DispatchesStructuring Reducer Logic for FeaturesEditing Pilot EntriesFurther Information
Form Draft Data Management
Adding Entity CRUD ReducersImplementing Pilot DeletionManaging Draft Data for FormsGeneric Reducer Logic for Editing EntitiesUsing Draft Data for Editing PilotsSaving Form EditsResetting and Canceling Form EditsFurther Information
Managing Modals and Context Menus
Adding Modal Dialog SupportMaking Modals StackableCreating a ColorPicker DialogConnecting the ColorPicker DialogMaking the ColorPicker Dialog ReusableDesigning a Context Menu SystemBuilding the Context Menu SystemAdding a Context Menu to the Pilots ListFurther Information
Wrapping Up
What Was CoveredNext Steps

Further Information

  • Redux-ORM docs:
    • Project page: github.com/tommikaikkonen/redux-orm
    • Redux-ORM Primer tutorial
    • API docs
  • Redux docs:
    • FAQ: Handling nested or relational data
    • Structuring Reducers
      • Prerequisite Concepts
      • Normalizing State Shape
      • Updating Normalized Data
      • Immutable Update Patterns
  • Normalizr usage:
    • https://github.com/paularmstrong/normalizr
    • https://github.com/gpbl/denormalizr
    • Redux without Profanity: Normalizr
    • Using Normalizr in a Redux Store
    • Querying a Redux Store
  • Discussion:
    • Reddit: Complex hierarchic state with Redux
    • Reddit: Redux and Relational Data
    • Reddit: Redux-ORM - A small immutable ORM to manage your Redux store
    • Reddit: Redux and FP principles
    • Hacker News: Idiomatic Redux and addon usage
    • The Tao of Redux, Part 2 - Practice and Philosophy

Create a free account to access the full course.

By signing up, you agree to Educative's Terms of Service and Privacy Policy