This React training shows you how to build interfaces from components, structure state cleanly and ship results that people can use with assistive technology. It is aimed at developers who know JavaScript and want to build a frontend professionally or move over from jQuery and server templates. You think in components and data flow, use hooks deliberately, test behaviour rather than implementation, and check screens with keyboard and screen reader before release.
What you’ll take away.
- Break interfaces into reusable components with clear props
- Structure state with useState, useReducer and context to fit the task
- Control side effects and data fetching with useEffect and a data library
- Build forms, lists and navigation that work by keyboard, using semantic HTML
- Test components with Testing Library and narrow down rendering problems in the Profiler
Your training in detail
- Who is it for?
- Web developers and frontend teams with JavaScript experience who build or improve React applications.
- Prerequisites
- Solid HTML, CSS and modern JavaScript (functions, arrays, modules, async/await).
- Format & planning
- Suggested format: 3 to 4 days live online or on site. Scope depends on prior knowledge.
Agenda: from understanding to application
Our independently developed agenda proposal. Focus areas, lab environment and scope are agreed before booking.
Thinking in components: JSX, props, children, conditional rendering and lists with stable keys.
State: useState, lifting state up, useReducer and context, plus handling derived values.
Effects and data: useEffect, cleanup functions, fetching with fetch or TanStack Query, loading and error states.
Routing and structure: React Router or a framework such as Next.js, folder layout and code splitting.
Accessibility: semantic elements, focus management, ARIA only where needed, checks against WCAG 2.2 and with a screen reader.
Quality: tests with Vitest or Jest and Testing Library, the React DevTools Profiler and memoisation after measuring.
Suggested exercise: build a multi-step booking form, make it fully keyboard operable, cover it with Testing Library and walk through it with a screen reader.
Exams, licences & credentials
There is no vendor exam for React that this training specifically prepares for. Attending alone awards no vendor certification.
Vendor references & review date
Sources checked on 2026-11-03. These sources describe the technology or external exam requirements. They do not imply a partnership with NextNowa.
Your learning content
These objectives describe the training topic. The specific syllabus, duration, dates, trainer and price are agreed before booking.
Frequently asked questions
What prior knowledge do I need for React?
You should be comfortable with HTML, CSS and modern JavaScript, above all functions, arrays, modules and async/await. React code is mostly JavaScript, so gaps there hurt the most. If you have no experience yet, our JavaScript training is the better starting point.
React or a framework like Next.js: which first?
React itself first: components, props, state and effects. Frameworks such as Next.js build on these and add routing, server rendering and data loading. If you know the basics, the framework concepts make more sense. On request we can shift the agenda towards a framework for your project.
How do you make a React application accessible?
The most important step is semantic HTML: real buttons, labels and headings instead of div constructions. Add focus management, sufficient contrast and ARIA only where HTML falls short. WCAG 2.2 is the yardstick. We check the exercise application together by keyboard and with a screen reader.
Does React & modern frontends include a certificate?
There is no vendor exam for React that this training specifically prepares for. Attending alone awards no vendor certification.