Frontend

React Training

React is the most popular JavaScript library for building browser, mobile, and even desktop applications.

Duration
6h
Ask about the program → See all
Who it's for

Ideal for teams that…

1 Web developers who want to learn how to use React and modern JavaScript patterns to build interactive web applications
2 People looking for a new career path or who already know other libraries and want to boost their chances on the job market
3 Developers who learned React on their own but need to organize and systematize their knowledge
Outcomes after the program

Modern frontend in practice — components, performance and code quality.

✓

Build interactive applications with React

✓

Communicate effectively with the backend to fetch and send data

✓

Connect React with popular libraries for routing and styling

✓

Write testable and maintainable applications

Program · 4 modules

What we actually do

M01
Day 1
  • · Tools and environment overview (Vite)
  • · Project folder structure and how React works
  • · Creating a production build of an application
  • · Introduction to JSX
  • · Defining components
  • · Conditional rendering
  • · Rendering collections
  • · Handling events
  • · Basic styling and its challenges
  • · CSS modules
  • · Introduction to CSS-in-JS (styled-components)
M02
Day 2
  • · React hooks (state, effect)
  • · Managing local component state
  • · Component lifecycle
  • · Handling forms with controlled components
  • · Basics of react-hook-form
  • · Handling async events (communication with REST API via fetch API)
  • · Introduction to react-query
  • · Routing (react-router-dom)
  • · Composing components in the Virtual DOM tree
  • · Communication via props
  • · React context
M03
Day 3
  • · Introducing TypeScript into code step by step
  • · Introduction to TypeScript
  • · Typing events
  • · Typing component interfaces
  • · Typing state management code
  • · Handling untyped libraries in TypeScript
  • · Best practices for module structure in projects
  • · Building an application using the learned material
M04
Day 4
  • · Introduction to Redux concepts (state, action, reducer)
  • · Global state management with Redux
  • · Separating application layers with Redux extensions (thunk, saga)
  • · Reducing boilerplate with redux-toolkit
  • · Unit testing with Jest and react-testing-library
  • · Integration testing with Cypress and cypress-testing-library
Every module is adapted to your stack and context. The above is a starting point — not a fixed agenda.
How we work

From brief to retro in 30 days.

01

Brief & diagnosis

A call with the team lead + a short survey for participants. We define goals, gap and context.

02

Program customization

We adapt modules, case studies and code examples to your stack. Approval in 5 days.

03

Workshop

Trainer-led sessions, hands-on, code review. Mentor available between sessions too.

04

Retro + report

Outcome report for the team and lead. 30 days of consulting included.

Inquiry

Send a brief. We'll reply within 1 day.

After a short brief we'll prepare a program and a quote. No obligations — it's just a starting point.

✓Quote within 48h of the brief
✓First session within 30 days
✓Pilot before the full decision
✓VAT invoice, payment in instalments possible

Ochrona antyspamowa (Cloudflare Turnstile) zostanie aktywowana po wpięciu klucza.

Other programs for teams

See all →
Frontend

Advanced JavaScript – ES6+ Techniques Training

Modern frontend in practice — components, performance and code quality.

Frontend →
Frontend

Angular Training

Modern frontend in practice — components, performance and code quality.

Frontend →
Frontend

Creating SPA Applications with Angular Framework Training

Modern frontend in practice — components, performance and code quality.

Frontend →