Phase 05 · Web systems
React Engineering
Develop maintainable React interfaces using composition, state, hooks, forms, context, testing and accessibility.
Company-level project
E-commerce Frontend
Begin from the starter branch, work through the modules and use the main branch as a completed reference after making a genuine attempt.
Recommended sequence
Complete the modules at your own pace.
Every module links to the exact GitHub resource folder and its stable code-reference tag.
- 01
React Mental Model, JSX and Components
Study the resources, complete the practical lab, validate the result and record any limitation.
Code referencep05-module-01-react-mental-model-jsx-and-components - 02
State, Events and One-Way Data Flow
Study the resources, complete the practical lab, validate the result and record any limitation.
Code referencep05-module-02-state-events-and-one-way-data-flow - 03
Hooks, Forms and Local Persistence
Study the resources, complete the practical lab, validate the result and record any limitation.
Code referencep05-module-03-hooks-forms-and-local-persistence - 04
Context, Reducers, Data Fetching and Error Boundaries
Study the resources, complete the practical lab, validate the result and record any limitation.
Code referencep05-module-04-context-reducers-data-fetching-and-error-boundaries - 05
Testing, Performance, Accessibility and Release
Study the resources, complete the practical lab, validate the result and record any limitation.
Code referencep05-module-05-testing-performance-accessibility-and-release
Project review