Challenges
Modern web applications need to be performant, maintainable, and scalable – while meeting increasing expectations for user experience and development speed. React has become a key technology in the frontend world, but the learning curve is steep. Developers need more than just theory – they need practical strategies and best practices drawn from real-world projects.
Goal
This training provides comprehensive React expertise – from foundational concepts to advanced use cases. Participants will gain the skills to develop modern React applications in a structured way, make architectural decisions with confidence, and apply cutting-edge technologies such as React 19 effectively.
Target group
Frontend developers, tech leads, and web engineers who are either new to React or want to deepen their knowledge and bring their expertise up to date.
Content
Module 1 – Introduction to Frontend Development with React.js (Level: Beginner)
- Overview of the modern frontend ecosystem
- JavaScript standards & runtimes (ECMAScript, CommonJS, Engine vs Runtime)
- Build tools & transpilers (e.g. Webpack, Vite)
- Package management & dependency handling
- Getting started with React: Components, JSX, Props & State
- Conditional rendering & lifecycle methods
- Hands-on exercise: Thinking in React
Module 2 – Advanced React Patterns & Best Practices (Level: Advanced)
- Refresher: component lifecycle & hook patterns
- Architecture: component patterns, structuring, separation of concerns
- State management: Context API, useReducer, Redux
- Client-side routing: React Router, TanStack Router
- Performance tuning: useMemo, useCallback, memoization
- Data fetching & error handling
- Next.js & rendering strategies (SSR, CSR, ISR)
- What’s new in React 19: compiler, server components, server actions
- App vs Pages Router – strategic choices in Next.js
Organizational information
- Format: Two-part training series (one half-day workshop per module)
- Duration: Each session from 1:00 PM to 4:00 PM
- Language: English or German – depending on the participant group
Voices from participants
Our Trainer
Ansgar Hoyer is a full-stack developer with a focus on modern web technologies and a trainer at the AOE Academy. His focus is on the optimization and scaling of web applications through modern front-end architectures and powerful developer toolchains. He also teaches current best practices in professional web development as a lecturer in web engineering at RheinMain University of Applied Sciences.
Yannick Technow is a front-end developer specializing in modern web technologies and a trainer at the AOE Academy. His focus is on the development of flexible, scalable UI components and the implementation of accessibility according to current standards. He also teaches current best practices in professional web development as a lecturer in web engineering at RheinMain University of Applied Sciences.
Our Academy expert
We are happy to create your individual training
Cordula Kartheininger
HR & AOE Academy Strategy Lead