React Schulung
Einführung, Grundlagen, Praxis & mehr

React ist ein von Facebook entwickeltes JavaScript-Framework zur Frontend-Entwicklung. React ist ein reines View-Framework. Mit zusätzlichen Bibliotheken kann frei entschieden werden, wie man z.B. Routing und Server-Zugriffe gestaltet. Entwickler mit Erfahrung in objektorientierten Sprachen, finden sich sehr schnell in React zurecht. React ist auf Entwicklerproduktivität, leichte Wartbarkeit und Geschwindigkeit in Produktion ausgelegt.

Schulungsziel

Diese Schulung vermittelt Grundkenntnisse um mit React und TypeScript oder JavaScript Web-Browser Anwendungen zu entwickeln. Anhand von Code-Beispielen und praktischen Übungen lernen Sie den effektiven Einsatz von React um eigene Komponenten für moderne Webanwendungen zu programmieren. Neben den Grundlagen von React werden auch wichtige Bausteine für die Architektur und Umsetzung umfangreicherer Browseranwendungen mit React vermittelt. Dazu gehören Routing mit dem React-Router und die Flux/Redux Architektur.

Best practices und Konzepte helfen Ihnen, wartbare und testbare React Webanwendungen zu erstellen.

Zielgruppe

Entwickler, die mit React Web-Anwendungen entwickeln möchten.

Vorkenntnisse

HTML, CSS, JavaScript

Dauer

3 Tage

Themen

Folgenden Themen werden in dieser Schulung behandelt:

  • Grundlagen Browser Anwendungen

    • Das Web: HTML und HTTP

    • DOM und virtueller DOM

    • Grundlagen SPA (single page applications)

  • Tooling und Werkzeuge für React

    • Visual Studio Code, Atom, Webstorm

    • create-react-app, npm

    • TypeScript Compiler

  • Ecma Script 2015 / ES6 Kurzübersicht

  • TypeScript Grundlagen

    • Funktionen und Scopes

    • Modifier: var / let / const

    • Sichtbarkeiten: public / private / protected / static

    • Klassen und Vererbung

    • Modulsystem von TypeScript

    • Interfaces

    • Funktionale Merkmale, Closures

    • Promises, asynchrones Verhalten

    • Exception Handling

    • Debugging und Unit Tests

  • React Grundlagen

    • Komponenten-Konzept und Lebenszyklus

    • JSX Template Syntax

    • Properties und State

    • Hierarchien von Komponenten

    • Stateless Components und High Order Components

    • React-Komponenten als Funktionen und Klassen

    • Erstellung eigener React-Komponenten

  • Erstellung von Geschäftsanwendungen mit React

    • Formulare

    • Routing mit React Router

    • Kommunikation zwischen Komponenten

  • Architektur-Modell Flux

    • Grundlagen

    • Redux zur State-Verwaltung

  • Remote Kommunikation

    • HTTP und REST

    • GraphQL als Alternative zur REST

  • Best Practices: Architektur und Konventionen zur Datei und Ordnerverwaltung

  • Einbindung von externen Bibliotheken und Komponenten

  • Test

    • Unit Testing

    • Ende-zu-Ende Tests

  • Build und Deployment

Unsere Schulungen bieten wir auch als Inhouse Schulung an. Damit haben Sie die Möglichkeit die Schwerpunkte der Schulung zu beeinflussen und die Gruppenzusammensetzung für Ihren Schulungsbedarf zu optimieren.
Nehmen Sie Kontakt mit uns auf und stimmen den für Sie passenden Zeitraum ab.

Für spezielle Fragestellungen oder gezielte Unterstützung bieten wir sowohl Workshops als auch Beratung an - senden Sie uns einfach eine Anfrage und schildern Sie Ihren Bedarf.

Los geht's!

Bitte teilen Sie uns mit, wie wir Sie am besten erreichen können.