React Schulung (Grundlagen)

Lerne in unserer React Schulung (Einführung & Grundlagen) die moderne Entwicklung mit React, Hooks und TypeScript – von Komponentenarchitektur und State-Management über React Router, Formhandling und API-Anbindung bis zu Testing und Performance. Der React Kurs ist hands-on, setzt auf Best Practices und macht dich fit für produktionsreife Single-Page-Apps.

Jetzt React Kurs buchen: Modernes Frontend mit React & TypeScript entwickeln – hands-on, praxisnah und direkt im Projekt einsetzbar. Live-Online, vor Ort oder Inhouse.

Du kennst nach der React Grundlagen: Grundlagen für Web-Entwickler Schulung:

• die Vorteile von React und weiteren Komponenten wie Redux, Saga und Reselect.

• Du kannst React-Projekte erstellen und React-Komponenten selbstständig entwickeln.

• Du kombinierst React-Komponenten mit Immutable.js sowie Redux und hast das Testen von React kennengelernt.

React im Überblick

• Grundprinzipien moderner Frontend Frameworks und Vergleich mit Alternativen

• deklarative Architektur

• Komponenten

• Wie sieht das React-Ökosystem aus?

JSX: die React Templatesprache

• Binden von Inhalten und Props

• Eventhandler

• if / else

• Elemente wiederholen

• CSS-Klassen und Stile

State und deklaratives Rendering

• Arbeiten mit State und dem State Hook

• Arbeiten mit State in Klassenkomponenten

• State Management mit Reducern und dem Reducer Hook

• Überblick über das Redux-Ökosystem

React mit TypeScript

• TypeScript Grundlagen: Typendeklarationen, Funktionssignaturen, Type Aliases, Generics (jeweils nach Bedarf)

• Typisierung von Komponenten-Props und -Events mit TypeScript

• Typisierung von Event-Handlern mit TypeScript

• Typisierung verschiedener Hooks mit TypeScript

Komponenten

• Einbinden vorgefertigter Komponenten

• Definieren eigener Komponenten

• Props und Events in eigenen Komponenten

• Inspizieren von Komponenten mit den React Developer Tools

API-Abfragen und der Effect-Hook

• Senden von HTTP-Anfragen via fetch oder Axios

• Auslösen von HTTP-Anfragen mittels des Effect-Hooks

Erweiterte Themen im React-Universum

• Verwendung eines Routers

• Definieren eigener Hooks

• Verwenden externer Hooks

• Context: Bereitstellen von Daten über einen Komponentenbaum hinweg

• Testing von React-Anwendungen mit Jest

Ende der React Grundlagen: Grundlagen für Web-Entwickler Schulung

Die Schulung React Grundlagen: Grundlagen für Web-Entwickler richtet sich an Web-Entwickler, Web-Programmierer mit Erfahrung in HTML, CSS und JavaScript die mit React Web-Anwendungen, Apps erstellen wollen.

Für deinen Besuch des Seminars React Grundlagen: Grundlagen für Web-Entwickler empfehlen wir Erfahrung in HTML, CSS und JavaScript.

React ist eine Open-Source-JavaScript-Bibliothek, die von Facebook (heute Meta) entwickelt wurde. Sie wird hauptsächlich für die Erstellung von Benutzeroberflächen (User Interfaces, UIs) für Webanwendungen verwendet.