Skip to content

Web development · Corporate training

Sample curriculum

React

Build accessible, maintainable React interfaces with component composition, hooks, and thoughtful state management.

  • Foundation to intermediate
  • Live online and in person
Explore the curriculum Discuss your team’s training

At a glance

Who it’s for

Freshers or teams building a foundation in this technology, with the starting knowledge listed here.

Starting point: Foundation to intermediate

Bring these foundations

  • JavaScript fundamentals, HTML, CSS, and basic asynchronous code.
Foundation sessions can be included when needed.

Technologies & tools

  • React
  • JavaScript / TypeScript
  • React DevTools
  • React Testing Library
Setup and versions agreed for your environment.

A practical destination

Skills to practise.

The sample path works towards these capabilities. Final goals reflect your team’s starting point and agreed scope.

  1. 01

    Compose accessible interfaces from clear component boundaries.

  2. 02

    Choose state and effects according to the responsibility they serve.

  3. 03

    Build and test a routed, API-driven feature with forms.

Sample curriculum

Follow the learning route.

Each module connects the concepts to practical work. Open a module to explore both.

01Module 1

Components & composition

Concepts to understand

  • JSX, props, and rendering lists
  • Component boundaries and reusable UI
  • Events and accessible interactions

Practical work

Build a list-and-detail interface with reusable components. Explain which values belong in props and why each component boundary exists.

Show the result. Explain one decision. Identify what you would improve.
02Module 2

State & hooks

Concepts to understand

  • State updates and derived state
  • Effects, cleanup, and external synchronization
  • Custom hooks, context, and reducers

Practical work

Add editing and filtering while deriving values from existing state. Introduce an effect only for external synchronisation and show its cleanup.

Show the result. Explain one decision. Identify what you would improve.
03Module 3

Building application features

Concepts to understand

  • Routing and navigation
  • Controlled forms and validation
  • Fetching data and handling loading and errors

Practical work

Connect routes, a validated form and API data. Demonstrate loading, empty and failure states without losing the user’s context.

Show the result. Explain one decision. Identify what you would improve.
04Module 4

Quality & delivery

Concepts to understand

  • Testing user behavior
  • Profiling and rendering performance
  • Build, deployment, and a project review

Practical work

Test a user journey, investigate a rendering issue and prepare the build. Present the component, state and accessibility decisions.

Show the result. Explain one decision. Identify what you would improve.

A sample project

Bring the skills together.

Build an accessible dashboard with routing, forms, API integration, and component tests.

Shorter engagements can focus on selected exercises. A larger, learner-owned capstone can be scoped for a longer programme.

Review the work & reasoning

Four useful questions.

  1. 01

    Does the work meet the agreed requirements?

  2. 02

    Can the learner explain the key decisions and trade-offs?

  3. 03

    What happens with invalid input, failure or an unexpected condition?

  4. 04

    What would they change or explore next?

Designed & delivered by Ragav Kumar V.

Training since 2016 · 100+ batches · 3,000+ professionals trained

Live demonstrations, guided exercises, pair work and project reviews connect the concepts to implementation. We agree the goals, starting knowledge, cohort size, delivery and schedule before shaping the final curriculum.

Shape this for your team

Connect the next skill

All web development curricula
Foundation

Web foundations: HTML, CSS & JavaScript

Intermediate

Advanced JavaScript

Intermediate

TypeScript