Over 8.558 participants from leading companies learn with workshops.de
4.0
5 half days or 3 days
Duration
95%
Recommendation Rate
React: Module 2 – Architecture & Quality Intensive Training
Advanced · 5 half days or 3 days or flexible as in-house training · In-House
According to participants, one of the most popular trainings on workshops.de
4.0
Participant
Favorite
Favorite
95%
Recommendation
60% Hands-on Practice
Exercises with real projects from everyday development
Certified Trainers
Google Developer Experts & Community Experts
Bonus: Lifetime Access
Materials stay up to date — even after the workshop
In this course you deepen your knowledge of React and learn how to develop complex applications efficiently. We cover advanced concepts such as optimizing component efficiency, using the Context API and integrating external libraries. The goal is for you to build React applications that are not only functional but also highly performant.
One focus of the course is state management. You learn how to use Redux and other tools to manage the state of your applications. We address the challenges that arise in larger projects and show you best practices for keeping track of things and avoiding errors.
The course is rounded off with a look at architecture and scaling. We talk about setting up scalable projects, using modern development environments and implementing tests and CI/CD processes. This way you are well prepared to use React in large teams and demanding projects as well.
Agenda
Component Patterns
Build on your existing knowledge and expand your skills.
- Compound Components
- Advanced concepts such as the Context API and Hooks
- Composition over Inheritance
State Management
Learn how to manage the state of your applications.
- Introduction to Redux and alternatives
- Structuring and organising state management solutions
-
Handling asynchronous data flows and middleware (e.g.
useReducer,RTK,Zustand,nuqs,TanStack QueryorXState)
Server-Side Rendering & Co
-
Overview/comparison of rendering strategies
- Client-Side Rendering - CSR
- Server-Side Rendering - SSR
- Partial Pre-Rendering - PPR
- Static Site Generation - SSG
- Incremental Static Regeneration - ISR
- React Server Components - RSC
Testing Strategies
- A deep dive into vitest with useful test abstractions
- The realistic testing pyramid
- Component vs. integration vs. E2E
- Mocking strategies (what to mock – and what not to)
- Testability as an architectural characteristic
Component Libraries
- Evaluating & integrating third-party component libraries
- Avoiding UI/UX pitfalls
- Establishing and documenting your own component library
Architecture
- Classifying macro vs. micro architecture
- A folder structure that scales
- Component boundaries
- Smart & Dumb Components
What you should know
Prerequisites
Good knowledge of React and JavaScript is required. Ideally, you have already gained experience in developing React applications.
Target Audience
The course “React: Module 2 – Architecture & Quality” is aimed at Advanced.
What's Included
Request in-house/corporate training
Interested in an in-house React: Module 2 – Architecture & Quality training for your team or company?
Submit a request and book a preliminary meeting with our advisor.
Submit a request and book a preliminary meeting with our advisor.
Tailored training to your needs
On-site or remote for multiple employees
German and English available
Robin Böhm
CEO of workshops.de
What our participants say
4.0 /5
Anonymized on request
Participant
Smart Components und Dumb Components
Attended React: Module 2 – Architecture & Quality Intensive Training
Anonymized on request
Participant
Der Workshop hilft beim Einstieg in die React-Entwicklung und schafft ein besseres Verständnis für das Framework anhand von guten Beispielen.
Attended React & TypeScript – Components, Reactivity & Interfaces Intensive Training
Adam Starobrzanski
Participant
Es war ein wirklich sehr guter, strukturierter Workshop mit vielen Praktischen Übungen.
Attended React & TypeScript – Components, Reactivity & Interfaces Intensive Training
Kathrin Gerber
Entwickler
Richtig gute Schulung! Ich habe viel gelernt insbesondere durch die praktischen Übungen und das gute Material, das einem auch noch im Nachgang zur Verfügung steht. Richtig guter Trainer. Hat Spaß gemacht! Die sechs halben Tage sind ein super Konzept.
Attended React & TypeScript – Components, Reactivity & Interfaces Intensive Training
Sahed Wahedi
Participant
Grundlagen stärken und verstehen was die Technologie macht und und überhaupt kann.
Attended React & TypeScript – Components, Reactivity & Interfaces Intensive Training
Frederik Schäfer
Participant
Der Workshop hat mir dabei geholfen, die Basics nochmal zu festigen und besser zu verstehen. Es wurden viele Best Practices angesprochen, die auch in realen Projekten Anwendung finden können. Eine Bereicherung!
Attended React & TypeScript – Components, Reactivity & Interfaces Intensive Training
Questions and answers
Our public React: Module 2 – Architecture & Quality remote courses take place from 9:00 AM to 1:00 PM, on-site React: Module 2 – Architecture & Quality trainings from 9:00 AM to 4:30 PM.
For in-house seminars, individual adjustments are possible.
Yes. At the end of each of our React: Module 2 – Architecture & Quality seminars, participants receive a signed certificate of attendance.
The certificate includes a verification URL and can be shared on your LinkedIn profile. Learn more about managing certificates on LinkedIn.
Yes, we offer our React: Module 2 – Architecture & Quality seminars in German and English.
Public dates are held in German, unless explicitly stated otherwise.
In-house seminars can be conducted in the desired language.
All materials and exercises are fully available in English.
Yes. We offer our React: Module 2 – Architecture & Quality seminars both remotely and on-site. Thanks to our virtual classroom, you can conveniently participate in our workshops from anywhere. Our online presentations are regularly updated, and you have permanent access after the training. Exercises can be accessed and unlocked through an online interface, and we have added additional tasks to prepare you for remote workshops.
We also offer in-house seminars and public trainings on-site. In our schedule overview, you can see the respective venue of the trainings. For in-house trainings, we are happy to discuss the venue details individually with you.
For public React: Module 2 – Architecture & Quality seminars, we use the online meeting tool Zoom alongside our classroom.
A test link is also included in the preparation to let you try out the technology. The remote workshop is designed so that everyone works from different locations with their own computer.
For in-house seminars, we can conduct the meeting via Zoom or Microsoft Teams.
Other meeting software may be used by arrangement.
In-house React: Module 2 – Architecture & Quality trainings: Individual consulting with code mentoring
For our in-house seminars, we additionally offer code mentoring.
What is code mentoring?
- Ask-Me-Anything sessions: Clarify questions and uncertainties from the course directly with an expert.
- Code review: Submit your own code snippets and have them analyzed and evaluated by experts.
- Advanced topics: Ask in-depth questions about the course topic to expand your knowledge.
Public React: Module 2 – Architecture & Quality trainings: Exchange on our community Discord
For participants of public trainings, we recommend joining our community Discord server.
Your benefits on Discord:
- Diverse channels for questions and discussions – beyond the course topic.
- An engaged community that supports you in learning.
Yes. You can enter your routing ID directly in our order form. Our invoices are sent as ZUGFeRD PDFs right after booking.
If you have provided a routing ID, our team will be notified and we will handle the upload to the portal. If we need additional information, we will contact you after booking.
Still have questions?
Just send us an email. If you prefer a more personal contact, Britta is also happy to receive a call from you!
