React Training
Level
BeginnerDuration
32h / 4 daysDate
Individually arrangedPrice
Individually arrangedReact Training
React is the most popular JavaScript library for building browser, mobile, and even desktop applications. Thanks to its simple API, React is “easy to learn, hard to master.” Its component-based approach enables code reuse, independent development by multiple programmers, and gradual modernization of applications.
What You Will Learn
- 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
Who is this training for?
Web developers who want to learn how to use React and modern JavaScript patterns to build interactive web applications-
People looking for a new career path or who already know other libraries and want to boost their chances on the job market
-
Developers who learned React on their own but need to organize and systematize their knowledge
Training Program
-
Day 1
-
Introduction
- Tools and environment overview (Vite)
- Project folder structure and how React works
- Creating a production build of an application
-
Rendering Basics
- Introduction to JSX
- Defining components
- Conditional rendering
- Rendering collections
- Handling events
-
Styling
- Basic styling and its challenges
- CSS modules
- Introduction to CSS-in-JS (styled-components)
-
Introduction
-
Day 2
-
State Management Basics
- React hooks (state, effect)
- Managing local component state
- Component lifecycle
-
Forms
- Handling forms with controlled components
- Basics of react-hook-form
-
Asynchronous Events
- Handling async events (communication with REST API via fetch API)
- Introduction to react-query
-
Working with Multiple Components
- Routing (react-router-dom)
- Composing components in the Virtual DOM tree
- Communication via props
- React context
-
State Management Basics
-
Day 3
-
Static Typing
- Introducing TypeScript into code step by step
- Introduction to TypeScript
- Typing events
- Typing component interfaces
- Typing state management code
- Handling untyped libraries in TypeScript
-
Application Architecture & React Basics Recap
- Best practices for module structure in projects
- Building an application using the learned material
-
Static Typing
-
Day 4
-
Redux and Global State Management
- Introduction to Redux concepts (state, action, reducer)
- Global state management with Redux
-
Redux Enhancements
- Separating application layers with Redux extensions (thunk, saga)
- Reducing boilerplate with redux-toolkit
-
Testing
- Unit testing with Jest and react-testing-library
- Integration testing with Cypress and cypress-testing-library
-
Redux and Global State Management
