Warnung Icon Sie haben in Ihrem Browser Javascript deaktiviert! Bitte aktivieren Sie Javascript um eine korrekte Darstellung und Funktionsweise von IT-Schulungen zu gewährleisten. Warnung Icon
Header Background
Virtual Classroom Schulungen
 
 
 
Alle Hersteller anzeigen
 
 
Seminar mit gesichertem Termin

React und GraphQL (mit TypeScript)

Seminardauer: 4 Tage

Ziele

Die Kombination aus React und GraphQL ermöglicht das strukturierte Erstellen komplexer Frontend-Interfaces und das einfache Abfragen zugehöriger komplexer Daten von einem API. Beide Technologien wurden von Facebook entwickelt und werden von vielen weiteren Websites verwendet.

React ist die aktuell meistverwendete Library zum Erstellen von Single-Page-Anwendungen (SPA). Sie kann mit GraphQL kombiniert werden, um effizient serverseitige APIs abzufragen.

In dieser Schulung werden aktuelle Technologien, wie etwa Hooks und TypeScript, umfassend behandelt. Am Ende sind sie die Teilnehmer in der Lage, Anwendungen verschiedenster Komplexität mit React umzusetzen und dabei Best Practices zu berücksichtigen.

Zielgruppe

Entwickler mit JavaScript Erfahrung

Voraussetzungen

Erfahrungen mit HTML und JavaScript

Agenda

Entwicklung moderner Frontend-Anwendungen

  • Überblick und Gemeinsamkeiten von React, Vue und Angular
  • deklaratives Rendering
  • Komponenten - eigene HTML-Tags definieren
  • Initialisierung eines React-Projektes mittels create-react-app

JavaScript Grundlagen für React (soweit benötigt)

  • Entwicklung mit node.js und npm
  • JavaScript Versionen und Neuerungen
  • Module (import und export)
  • Pfeilfunktionen
  • Funktionale Programmierung in JavaScript

TypeScript Grundlagen für React

  • statische vs dynamische Typisierung
  • Typendeklaration bei Variablen, Funktionen, Arrays und Objekten
  • grundlegende Datentypen
  • Types und Interfaces

State (Anwendungszustand) verwalten

  • deklaratives Rendering
  • Verwalten des Anwendungszustands mittels state-Hook
  • Erfassen des Zustands von input-Elementen

React-Templatesprache

  • JSX: die JavaScript-basierte Templatesprache von React
  • Binden von Inhalten und Props
  • Eventhandler
  • Elemente wiederholen
  • if / else
  • CSS-Klassen und Stile

Komponenten

  • Einbinden vorgefertigter Komponenten
  • Komponentenlibraries für React
  • Definieren eigener Komponenten
  • Props und Events in eigenen Komponenten
  • Prop- Event- und State-Typen in TypeScript
  • Datenfluss zwischen Komponenten
  • Komponenten untersuchen mit den React Developer Tools

APIs aus React abfragen

  • senden von HTTP-Requests via _fetch_
  • verwenden des effect-Hooks, um HTTP-Requests auszulösen

Klassenkomponenten

  • Definieren einer Komponente als Funktion oder als Klasse
  • JavaScript: "this" und seine Eigenheiten
  • State in Klassenkomponenten
  • Props und Events in Klassenkomponenten

React Tools und Libraries

  • React Router
  • Context: Teilen von Daten über einen Komponentenbaum hinweg
  • der Effect-Hook im Detail
  • externe und eigene Hooks (z.B. react-query)
  • Styling Libraries
  • Formular-Libraries

State Management mit Reducern

  • Überblick über State Management
  • State Management mit Reducern und reinen Funktionen
  • Einsetzen des Reducer-Hooks in React
  • Überblick über State Management mit Redux

Testen und Komponentendemos

  • Komponentendemos mit Storybook
  • Testen von JavaScript-Funktionen mit Jest
  • Testen von React-Komponenten mit react-testing-library
  • Snapshot-Tests

App-Entwicklung mit React

  • Progressive Web Apps: Erstellen von installierbaren mobilen und Desktop-Anwendungen
  • Überblick über React Native

Performanceoptimierung und Pre-Rendering

  • React Developer Tools Profiler
  • React.memo, Callback-Hook und Memo-Hook
  • Static Site Generators
  • serverseitiges Rendering
  • Code splitting

GraphQL

  • Einsatzgebiete für GraphQL
  • GraphQL vs REST
  • GraphiQL Explorer
  • einfache GraphQL Beispiele
  • parametrische Queries
  • Mutationen
  • Datentypen
  • Abfragen eines GraphQL-APIs aus JavaScript
  • Anbinden einer React-Anwendung mittels Apollo Client

Schulungsunterlagen

nach Absprache

Gesicherte Termine

TerminSeminarStandort
20.04. - 23.04.2021 React und GraphQL (mit TypeScript) Nürnberg
20.04. - 23.04.2021 React und GraphQL (mit TypeScript) Virtual Classroom (online)
 
Anmeldungen vorhanden
Gesicherte Termine
derzeit 2 Termine
20.04. - 23.04.2021 in Nürnberg
20.04. - 23.04.2021 in Virtual Classroom (online)

1.) Wählen Sie den Seminartyp:




2.) Wählen Sie Ort und Datum:

1.795,00 € Preis pro Person

spacing line2.136,05 € inkl. 19% MwSt
Verpflegung zzgl.
Seminarunterlagen zzgl.

Seminar jetzt anfragen Auf den Merkzettel
PDF IconPDF Icon
 

Diese Seite weiterempfehlen:

0
Merkzettel öffnen
0
Besuchsverlauf ansehen
IT-Schulungen.com Control Panel