React Advanced Training
Level
IntermediateDuration
24h / 3 daysDate
Individually arrangedPrice
Individually arrangedReact Advanced Training
React is the most popular JavaScript library for building browser, mobile, and desktop applications. With its simple API, React belongs to the group of tools that are “easy to learn, but hard to master.” With its growing popularity, more packages have been created to improve working with React.
What You Will Learn
- Advanced techniques for optimizing applications
- Tools and patterns for creating more readable, scalable, and testable code
- Various methods of application state management
- Improved skills in typing for safer, more precise coding
- Modern libraries such as react-query or RxJS
Who is this training for?
Experienced React developers with solid foundations who want to expand into advanced areas-
Frontend developers working on large projects who want to learn optimization techniques and advanced state management
-
Developers using TypeScript who want to better understand typing in React
Training Program
Day 1
-
Styling
- Problems of basic styling
- CSS modules
- CSS in JS (styled-components)
- Theming
-
TypeScript
- Typing native DOM and React events
- Typing component interfaces
- Typing state management code
- Type vs interface
- Generic types
- Unknown, void, and never
- Type guards
-
Forms
- react-hook-form (basics, validation, reacting to changes, dynamic fields)
- Schema validation with TypeScript (zod) and its use in forms
Day 2
-
Additional Packages
- react-query (queries, mutations, query optimization)
- Internationalization with react-i18next
-
React Reconciliation and Optimization
- React diffing algorithm
- Keys
- Code splitting (React.Suspense, React.lazy)
- Render optimization (memo, hooks, ref)
- Dev Tools profiler
- useEffect vs useLayoutEffect
Day 3
-
State Management
- Centralized vs Distributed (Context vs Redux)
- Render props
- Children props
- Higher-order components
- Custom hooks
- Pub-Sub
-
Redux Enhancements
- How middleware works
- Creating custom middleware
- redux-saga
