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.

Trainer: 

Karsten Sitterberg

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

Folgende 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

Anfrage senden

Nichts für Sie dabei?

Bitte sprechen Sie uns an, wenn Sie Interesse an einem Thema
haben, das wir nicht explizit aufgeführt haben. Wir arbeiten
sowohl mit unabhängigen Experten und namhaften Partnern
zusammen und erstellen gerne ein individuelles Angebot für Sie.

up
contact