React: Modul 2 - Architektur & Qualität training
React: Modul 2 - Architektur & Qualität Intensiv-Schulung
Werde zum React-Experten und entwickle performante, skalierbare Anwendungen!
  • bessere Front-End Entscheidungen
  • weniger technische Schulden
  • höhere Team-Wirksamkeit
  • & konkrete Architektur-Skills
React: Modul 2 - Architektur & Qualität Intensiv-Schulung
ReactJS.DE
Official German Community
Profile picture of Toni Weber Profile picture of Marcello Insolera Profile picture of Rober Köten Profile picture of Patrick Höhle Profile picture of Adam Starobrzanski
95% Recommendation Rate
4.0
3 bis 5 Tage
Duration
95%
Recommendation Rate
Over 8.235 participants from leading companies learn with workshops.de
Logo of RWE Group Business Services GmbH, Dortmund
Logo of Generali
Logo of Allianz
Logo of adesso AG, Dortmund
Logo of Commerzbank AG, Frankfurt
Logo of Robert Bosch GmbH, Stuttgart
Logo of Pass Consulting Group
Logo of RWE Group Business Services GmbH, Dortmund
Logo of Generali
Logo of Allianz
Logo of adesso AG, Dortmund
Logo of Commerzbank AG, Frankfurt
Logo of Robert Bosch GmbH, Stuttgart
Logo of Pass Consulting Group

React: Modul 2 - Architektur & Qualität Intensiv-Schulung

Fortgeschrittene · 3 bis 5 Tage · In-House

According to participants, one of the most popular trainings on workshops.de
4.0
Participant<br>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 diesem Kurs vertiefst du dein Wissen über React und lernst, wie du komplexe Anwendungen effizient entwickelst. Wir behandeln fortgeschrittene Konzepte wie die Optimierung der Komponenteneffizienz, den Einsatz von Context API und die Integration von externen Libraries. Ziel ist es, dass du React-Anwendungen baust, die nicht nur funktional, sondern auch hochperformant sind.
Ein Schwerpunkt des Kurses ist das State Management. Du lernst, wie du Redux und andere Tools einsetzt, um den Zustand deiner Anwendungen zu verwalten. Dabei gehen wir auf die Herausforderungen ein, die bei größeren Projekten auftreten, und zeigen dir Best Practices, um den Überblick zu behalten und Fehler zu vermeiden.

Abgerundet wird der Kurs durch einen Blick auf Architektur und Skalierung. Wir sprechen über den Aufbau von skalierbaren Projekten, die Nutzung moderner Entwicklungsumgebungen und die Implementierung von Tests und CI/CD-Prozessen. So bist du bestens vorbereitet, um React auch in großen Teams und anspruchsvollen Projekten einzusetzen.


Agenda

React Advanced Logo

Komponenten-Patterns

Baue auf deinem Wissen auf und erweitere deine Fähigkeiten.

  • Compound Components
  • fortgeschrittene Konzepte wie Context API und Hooks
  • Composition over Inheritance

React Advanced Logo

State Management

Lerne, wie du den Zustand deiner Anwendungen verwaltest.

  • Einführung in Redux und Alternativen
  • Strukturierung und Organisation von State-Management-Lösungen
  • Umgang mit asynchronen Datenflüssen und Middleware (z.B. useReducer, RTK, Zustand, nuqs, TanStack Query oder XState)

React Advanced Logo

Server-Side-Rendering & Co

  • Übersicht/Vergleich Rendering-Strategien
    • Client-Side Rendering CSR
    • Server-Side Rendering - SSR
    • Partial Pre-Rendering - PPR
    • Static Site Generation - SSG
    • Incremental Static Regeneration - ISR
    • React Server Components - RSC

React Advanced Logo

Testing-Strategien

  • Vertiefung in vitest durch nützliche Testabstraktione
  • Die realistische Testpyramide
  • Component vs. Integration vs. E2E
  • Mock-Strategien (was mocken – was nicht)
  • Testbarkeit als Architekturmerkmal

React Advanced Logo

Component Libraries

  • Evaluation & Integration Drittanbieter Component Libraries
  • Vermeidung von UI/UX-Pitfalls
  • Etablieren und Dokumentieren eigener Component Library

React Advanced Logo

Architektur

  • Einordnung Makro- vs. Mikro-Architektur
  • Eine Ordner-Struktur die skaliert
  • Komponenten-Schnitt
  • Smart & Dumb Components

What you should know

Prerequisites

Gute Kenntnisse in React und JavaScript sind erforderlich. Idealerweise hast du bereits Erfahrung mit der Entwicklung von React-Anwendungen gesammelt.

Target Audience

This React: Modul 2 - Architektur & Qualität course is aimed at Fortgeschrittene.


What's Included

Certificate of Participation
Shareable on LinkedIn Logo
Virtual classroom
Interactive learning platform with exercises and materials
Bonus
Lifetime Access
Including updates to training materials
In-House/Corporate Seminars
Customized adaptations available
On-site at your location or online
Available in German and English

Request in-house/corporate training

Interested in an in-house React: Modul 2 - Architektur & Qualität training for your team or company?
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
Robin Böhm
CEO of workshops.de

What our participants say

4.0 /5
Participant illustration
Anonymized on request
Participant

Attended React: Modul 2 - Architektur & Qualität Intensiv-Schulung

Participant illustration
Anonymized on request
Participant

Attended React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Profile picture of Adam Starobrzanski
Adam Starobrzanski
Participant

Attended React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Participant illustration
Kathrin Gerber
Entwickler

Attended React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Profile picture of Sahed Wahedi
Sahed Wahedi
Participant

Attended React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Profile picture of Frederik Schäfer
Frederik Schäfer
Participant

Attended React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Questions and answers

Our public React: Modul 2 - Architektur & Qualität remote courses take place from 9:00 AM to 1:00 PM, on-site React: Modul 2 - Architektur & Qualität 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: Modul 2 - Architektur & Qualität 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: Modul 2 - Architektur & Qualität 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: Modul 2 - Architektur & Qualität 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: Modul 2 - Architektur & Qualität 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: Modul 2 - Architektur & Qualität 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: Modul 2 - Architektur & Qualität 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.

Team profile pictures
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!

Weekdays from 8 AM to 1 PM

info@workshops.de

+49 30 / 75437336

In-House Training
Individual Pricing
Inquire Now