We offer training courses! From beginner to expert - including Agentic AI Coding!
Upcoming dates available
React & TypeScript Training

The best way to start
with React.

Our training courses prepare you for productive use of React. Trust our expertise like 2000+ participants before you.

On-Site Remote In-House
RWECommerzbankAllianzBoschGaleria KaufhofSWR

Our React Training Courses

Expand your React knowledge with these courses.

React: Module 1 - Components, Reactivity & Interfaces

React: Module 1 - Components, Reactivity & Interfaces

Intensive training for getting started with React v19 and TypeScript. Components, Hooks, Routing and API integration.

3 Days On-Site or Remote
View Training
React: Module 2 - Architecture & Quality

React: Module 2 - Architecture & Quality

Intensive training for advanced React developers. Architecture, Testing, Performance and State Management.

3 Days On-Site or Remote
View Training

All training courses are provided by workshops.de workshops.de.

Interactive Workshop

Learn faster and more enjoyably.

React is the most popular library for building modern user interfaces and numerous companies now rely on React in production. Whether single-page applications, complex dashboards, or mobile apps with React Native – the possibilities are enormous. With version 19, React has once again excelled with innovative features like the new Compiler, Server Components, and Actions.

In our React training, we teach the fundamentals of the framework and show our participants how to plan and professionally set up a project.

We offer both public and private workshops. Public workshops have fixed dates and are open to anyone. Private (in-house) training is arranged upon request and is fully customized in terms of schedule and content.

We currently focus on part-time formats with 6-day workshops. This way you can continue working on your projects without being completely unavailable. Developers especially can rarely take an entire week off.

  • 60% hands-on practice
  • Sample solutions for all exercises
  • Up-to-date content based on React 19
  • Plenty of time for questions
  • Time for group work and breakout sessions
  • Interactive meetings for questions and discussions
  • Permanent access to materials, recordings, and transcripts
Workshop Participants

What are React and TypeScript?

A brief overview of
what it's all about.

React Logo

React

React is a JavaScript library developed by Meta (Facebook) for building user interfaces. It is characterized by its component-based approach, the Virtual DOM, and a declarative programming model. With React 19, the library offers modern features like Server Components, the new React Compiler, and Actions for even more productive development. React is the most widely used UI library worldwide and forms the basis for frameworks like Next.js and Remix.

TypeScript Logo

TypeScript

TypeScript has been developed by Microsoft since 2012 and is a superset of JavaScript (the foundation of web application development). It extends JavaScript with a type system that greatly supports the development and maintenance of web applications. Developers who have previously learned programming languages like Java or C# will find it much easier to get started.

Annika Stille
"The trainers are absolute professionals and convey their enthusiasm for the subject. Our employees benefit from intensive, practical training that addresses their needs. The feedback has been exceptionally positive."

Annika Stille

Head of Internal Training, Adesso AG

Agenda

Knowledge from real-world practice.

We are developers ourselves and know which problems arise first in the real world. That's why we work with examples from real-world scenarios, distilled to their core for easy understanding. The hands-on portion is 60%.

TypeScript

TypeScript Fundamentals

We start with a short introduction to TypeScript (approx. 3 hours), covering the basics needed for the subsequent React portion.

Why TypeScript?
Type Inference
Type Definitions
Interfaces & Type Aliases
Generics
Utility Types
Enums and Union Types
Best Practices
React

React Components and Hooks

Next, we work through the core concepts of React along a continuous example application. Each topic includes a short theory portion followed by an exercise. We provide sample solutions for each step.

What is React and how does JSX work?
Functional Components and Props
State with useState and useReducer
Side Effects with useEffect
Event Handling and Conditional Rendering
Lists and Keys
Component Architecture and Composition
Styling Strategies (CSS Modules, Tailwind, Styled Components)
React DevTools
React

Routing and Data Fetching

After the fundamentals, we expand our demo application with navigation and data integration.

Client-side Routing with React Router
Dynamic Routes and URL Parameters
Nested Routes and Layouts
Data Loading and Suspense
REST API Access with fetch and Axios
Error Handling and Error Boundaries
Loading States and Optimistic Updates
React

React Forms and Validation

Next, we cover the topics that form the core of virtually every application.

Controlled vs. Uncontrolled Components
Form Handling with React Hook Form
Validation with Zod
Custom Form Components
React 19 Form Actions and useActionState
React

State Management

In medium to large applications, managing application state becomes increasingly important. We cover State Management with various approaches.

Context API and useContext
When do I need a State Library?
Zustand as a lightweight alternative
Redux Toolkit (optional)
React Query / TanStack Query for Server State
Optimistic Updates and Caching
Architecture

Architecture for Large Applications

How do you best structure an application and why? How do you write future-proof code? This section provides the answers.

Component Architecture and Design Patterns
Feature-based Project Structure
Custom Hooks as Reusable Logic
Monorepo with Nx or Turborepo
Performance Optimization (memo, useMemo, useCallback)
Code Splitting and Lazy Loading

Extended Agenda

Tailored to your needs.

As a trainer community, we provide a large portfolio of materials and exercises. Since only a certain amount of knowledge can be absorbed in a few days, we have additional topics that we adapt to the specific needs and challenges of each group. If you already know the basics, they are only briefly reviewed so everyone uses the same terminology and concepts.

We currently have over 20 modules that we can combine in our React training. In our workshops.de virtual classroom, we can manage these dynamically and flexibly. Here is a selection of our additional modules:

React

React Advanced Topics

The remaining time is dedicated to individual topic requests. The group can choose which topics are most relevant to them. We have over 600 slides to choose from ad hoc.

React Server Components
React Compiler (React Forget)
Suspense and Concurrent Features
useTransition and useDeferredValue
Portals and Refs
Higher-Order Components vs. Custom Hooks
Internationalization (i18n)
Accessibility (a11y)
Testing

Testing & Debugging

Manual testing is very time-consuming and distracts you from actual development. With a sensible testing strategy, you can secure your code and develop faster.

Unit Tests with Vitest
Component Testing with React Testing Library
Mocking APIs and Modules
E2E Testing with Playwright
React DevTools Profiler
Snapshot Testing
Next.js

Next.js Framework

Next.js is the meta-framework for React, offering Server-Side Rendering, Static Site Generation, and excellent Developer Experience out of the box.

App Router and File-based Routing
Server-Side Rendering (SSR)
Static Site Generation (SSG)
API Routes and Server Actions
Middleware and Authentication
Image Optimization and Fonts

Reviews

What our participants say matters.

After every training, we ask our participants for feedback. From a total of 313 reviews submitted, we currently achieve an average rating of 4.6 stars.

View all reviews →

"Der Workshop hilft beim Einstieg in die React-Entwicklung und schafft ein besseres Verständnis für das Framework anhand von guten Beispielen."

"Es war ein wirklich sehr guter, strukturierter Workshop mit vielen Praktischen Übungen."

"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."

"Grundlagen stärken und verstehen was die Technologie macht und und überhaupt kann."

"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!"

"Der Workshop hat mir auf jeden Fall die anstehende Arbeit im bestehenden Projekt sowohl im Verständnis als auch im "Anfassen" stark vereinfacht. Sehe jetzt, wie ich konkret viele Dinge drastisch vereinfachen kann. Vielen Dank dafür"

Cost Efficiency

Save costs.

Do you know the Standish Group study? Mistakes made at the very beginning of a project are the most expensive. We have been working with React for over 10 years and have already made most of the mistakes. Use our experience and avoid the most common beginner errors.

Cost savings through professional training

Prerequisites

Get started with minimal prior knowledge.

The prerequisite is basic knowledge of JavaScript and HTML. During the workshop, we adapt to the individual situation of the group and adjust both the focus and the pace accordingly.

Technical requirement for the training is a notebook with Windows, Linux, or macOS. Additionally, Node.js with some packages is needed — you will receive a step-by-step guide after registration.

Participants coding during training

Included Benefits

Everything important is included.

Pre-training Consultation

Every group is different. To design the workshop optimally for you, we conduct an intensive conversation before every in-house workshop.

Course Materials incl. Updates

You get access to all materials and additional resources through our virtual classroom. With your account, you have lifetime access — including updates!

Certificate of Completion

After successful completion, you receive an official certificate as proof of your professional development. The certificate is shareable on LinkedIn.

Food & Drinks

In our public training sessions, food and drinks are included for the entire duration of the event. Vegetarian options are available.

Contact

Still have questions?

Robin Böhm

Robin Böhm

Just send us an email at info@reactjs.de. If you prefer a more personal contact, we're happy to take your call! We're available weekdays from 8am to 1pm (CET) at +49 30 / 75437336.

All React Training Courses

Find the right training for your level and goals.

React: Module 1 - Components, Reactivity & Interfaces

React: Module 1 - Components, Reactivity & Interfaces

3 Days

Intensive training for getting started with React v19 and TypeScript. Components, Hooks, Routing and API integration.

View Training
React: Module 2 - Architecture & Quality

React: Module 2 - Architecture & Quality

3 Days

Intensive training for advanced React developers. Architecture, Testing, Performance and State Management.

View Training

All training courses are provided by workshops.de workshops.de.

View All Courses

Newsletter abonnieren

Die neuesten Artikel und Tutorials direkt in dein Postfach.

Jetzt anmelden