React - Modern Front-End Development
Components, hooks, state, routing and API calls. Build responsive, maintainable web interfaces with React.
- Build reusable components
- Manage state with hooks
- Route and structure an SPA
- Consume APIs and handle effects
- Build a complete interactive web interface without relying on a front-end contractor
- Understand and fix bugs in an existing React codebase
- Integrate any REST or GraphQL API into your front end, real-time data included
- Produce maintainable React code that your team can pick up again in 6 months
The programme
Day 1 - React & TypeScript fundamentals
- JSX, function components and the render tree
- Props, state and lifecycle with strict TypeScript
- Events, conditional rendering and lists
- Typing components: interfaces, generics, FC<Props>
- Workshop: ticket management interface typed in TypeScript
Day 2 - Hooks & form handling
- useState, useEffect, useRef, useMemo, useCallback
- Custom hooks: extracting and reusing logic
- Form handling with React Hook Form + Zod
- Context API vs prop drilling: when to use which
- Workshop: multi-step form with validation and types
Day 3 - Architecture, routing & global state
- React Router v6: nested routes, loaders, guards
- Zustand: simple, scalable global state
- TanStack Query (React Query): fetch, cache, mutations
- Error handling and loading states
- Workshop: complete SPA with routing, auth and API data
Day 4 - Performance, tests & deployment
- Performance: code splitting, lazy loading, React.memo
- Testing with Vitest and Testing Library: unit + integration
- Storybook: documenting and isolating components
- Vite build and deployment on Vercel / AWS S3 + CloudFront
- Final workshop: complete CI/CD: lint, test, build, deploy
Who is this for
Front-end and full-stack developers.
Prerequisites
- JavaScript basics
- HTML/CSS basics
Format
Frequently asked questions
Is the course eligible for OPCO or CPF funding?
No. Sphinx-Digital is not Qualiopi certified and is not listed on Mon Compte Formation. The course is invoiced directly to the company or the individual, with no external funding.
What is the difference between the public (inter-company) and in-company formats?
In the public format, you join a session with participants from other companies (3 to 10 people). In-company, we run a session dedicated to your team, on your site or remotely, with content adapted to your context. In-company pricing is available on quote.
Remote or on-site: what are the practical differences?
Content and labs are identical. Remotely, labs run on cloud environments accessible from a browser, with nothing to install. On-site, you provide the workstations; labs can run in the cloud or locally depending on your infrastructure.
How many participants per session?
3 to 10 participants at most. This deliberate limit ensures everyone can ask questions, adapt the exercises to their context and get a detailed answer.
What is the evening format?
The evening format spreads the same course over 4 sessions of 3.5 hours (14 hours in total), in the evening from 6:30 pm to 10:00 pm. Same content, same labs, same price, so you can build skills without taking days off.
How does payment work?
Courses are invoiced on quote, by bank transfer. Payment in instalments is possible. We issue a training agreement for companies that want their training department to cover the cost.
Interested in this course?
Join the next session or request a tailored in-company session.
What participants say
Not sure this course fits your context?
A 20-minute call to take stock before you enrol, with no sales pitch.