JavaScript is becoming increasingly important. The script language, which at the time was only intended to provide more dynamics in web browsers, has now become widespread and is even used on servers.

React is a JavaScript framework for developing user interfaces on both browsers and mobile devices. Developed and deployed by Facebook, it is now available as an open source project and is used on many major platforms.

Our experienced trainers will program with you step by step using a sample application of your choice.

Course topics

• Introduction to React

  • Set up a React project

  • Declarative Programming

  • „Hello World“ in React

• Create your first react element

  • type, props, children

  • React-Elemente rendern

  • JSX verwenden

• Erstellen Sie Ihre erste Komponente

  • Stateless vs. stateful Komponenten

  • Erste stateless Komponente erstellen

  • Erste stateful Komponente erstellen

  • Erste Container-Komponente erstellen

  • Komponenten reaktiv gestalten

  • Prop-Validierung

• Daten richtig verarbeiten

  • Datenfluss in React

  • Kommunikation zwischen Parent- und Child-Komponenten (Callbacks)

  • Gemeinsamer Parent-Komponente

  • Daten abrufen

  • Neu laden bei Änderungen

• Code für den Browser schreiben

  • Formulare: controlled und uncontrolled Components

  • JSON schema

  • Events

  • Refs

  • Hooks

• Server-side Rendering (SSR)

• Komplexere Komponenten erstellen

• Performance optimieren

  • Reconciliation und Keys

  • optimization techniques

  • Best Practices

  • Tools & Libraries

• Testen und Debugging von React-Anwendungen

  • JavaScript-Tests mit Jest

  • Mocha als alternatives Test-Framework

  • Testing Utilities für JavaScript

  • Common test solutions

  • React Developer Tools

  • error handling

• React-Architektur verbessern mit Flux

  • Architektur von Webanwendungen analysieren

  • Flux verstehen

  • Dispatcher, Store und weitere Konzepte implementieren