React JS Schulung

React JS Schulung Beitragsbild

Deine Vorteile:

Bei uns lernst du nicht nur von Experten, sondern lernst auch die Menschen hinter der Schulung kennen. Unsere Trainer:innen stehen dir zur Seite, um deine Fragen zu beantworten und dir bei deinem Lernprozess zu helfen – und das vor auch nach dem Kurs. Und kennst du eigentlich alle Möglichkeiten der Förderung in deinem Bundesland? Wir helfen dir gerne weiter.

Jeder Kurs wird von uns individuell gestaltet und angepasst, um sicherzustellen, dass er deinen spezifischen Anforderungen entspricht. Wir bieten nicht nur Wissen, sondern auch praktische Fähigkeiten, die direkt in deinem Arbeitsumfeld anwendbar sind.

Bringe deine eigenen Herausforderungen und Praxisbeispiele mit in den Kurs. Wo gibt es das sonst?

Jeder Kurs schließt mit einem Zertifikat ab – deine Bestätigung für den erworbenen Wissenszuwachs und ein wirkungsvoller Karriere-Booster.

Kategorien:

React JS Lifecycle Schema, Grundlagen Schulung
React JS Lifecycle Schema

Modulare React JS Schulung für Einsteiger und Fortgeschrittene

Du lernst in unserer React JS Schulung den professionellen Umgang mit der JavaScript Programmbibliothek. React ist mit Abstand das beliebteste Framework für moderne Webanwendungen. Die Frontends von Facebook, Instagram oder Netflix wurden z.B. mit React JS entwickelt. React ist eine Open Source JavaScript-Bibliothek. Unsere React JS Schulung ist modular aufgebaut und bietet so für Einsteiger und Fortgeschrittene individuelles Lernen. Die Module kannst du beliebig kombinieren und an deine Anforderungen anpassen.

React, auch React JS genannt, bildet dabei die Grundlage, um UI-Komponenten wie interaktive oder dynamische Applikationen für Web und Mobil bereitzustellen. Komponenten werden in React JS hierarchisch aufgebaut und können in dessen Syntax als selbst definierte JSX-Tags repräsentiert werden. Mit React JS lassen sich auch komplexe Anwendungen performant ausbauen.

In unserem React JS Einführungs-Modul bekommst du zunächst eine Einführung in die grundlegenden Begriffe und die Funktionsweise der JavaScript-Programmbibliothek. Du erhältst einen Überblick über alle relevanten Komponenten von React und lernst das Programmieren mit JSX.

Im Advanced Modul lernst du dann die Grundlagen zu Hooks, React Routing und vieles mehr. Weitere Module sind das Testing-, das Pattern- und Next.js-Modul. Im „Modul React JS in der Praxis“ bekommst du das Know-how, um deine Komponenten zu organisieren. Du kannst dir so also deinen individuellen Kurs zusammenstellen. Gerne schulen wir natürlich dein gesamtes Team, um z.B. den Einstieg oder Umstieg auf React JS professionell anzugehen. Unsre Experten verfügen über jahrelange Praxis-Erfahrung.

Auf Wunsch gehen wir auch weiter in die Tiefe und beschäftigen uns mit Serverzugriffen, dem Testing und dem State Management. Die Schulung wird durch praktische und nützliche Tipps und Tricks von unseren React JS Experten abgerundet.

React JS Schulung Beispiel Tweet, Grundlagen
React JS Beispiel

Wir schulen dich und dein Entwicklungs-Team praxisnah

Diese Schulung behält auch immer deine individuellen Ziele im Blick. Wir stimmen jede Schulung individuell auf deine Bedürfnisse ab.

Lernziel:

Mit React JS professionell entwickeln

Du lernst in diesem Kurs, mit React JS moderne webbasierte Benutzeroberflächen zu erstellen. Du kannst selbst entscheiden, welche Schwerpunkte dabei für dich wichtig sind. Wir sprechen die Schulungsinhalte vorab noch einmal genau mit dir ab. Schulungen von der Stange bekommst du nicht von uns, zielgerichtete und auf dich abgestimmte Trainings schon.

Unsere React JS Schulung ist modular aufgebaut, und du kannst dir die Module selbst konfigurieren. Du lernst unter Anleitung unserer erfahrenen Dozent:innen dein Web-Interface in kleine UI-Komponenten aufzuteilen und die einzelnen Komponenten mit der deklarativen Sprache JSX zu programmieren.

Du lernst, wie du die Werkzeuge richtig verwendest und in deinem Entwicklungsteam die Einführung oder Umstellung auf React JS meistern kannst. Dabei wird besonders anhand praxisnaher Beispiele oder nach Absprache mit deinen Vorgaben geschult.

React JS Schulung Module und Inhalte

React JS Logo

Modul Einführung ‒ React Basics

  • Überblick – Was ist React?
  • Unterschiede und Gemeinsamkeiten zu anderen Bibliotheken
  • HTML, JavaScript und TypeScript
  • Entwicklungs-Setup und Installation
  • Architektur und Syntax
  • React Elements
  • Einführung in JSX (Javascript XML oder Javascript Syntax Extension)
  • Props und Prop-Types
  • Functional Components
  • Einführung in React Hooks
  • Komposition von React-Komponenten

Modul React JS ‒ Advanced

  • Überblick
  • State-Management
  • Überblick über State Management Tools: Redux, MobX, Zustand
  • Asynchrone API-Calls
  • Abfragen von APIs mit react-query
  • Routing
  • React Context sinnvoll einsetzen
  • Hooks Vertiefung
  • Hintergründe und Regeln von Hooks
  • Eigene Hooks erstellen
  • Animationen erstellen
  • Error-Boundaries
  • GraphQL-Queries in React mit Apollo

Modul React JS Patterns

  • Data down, Action up
  • Lifting state
  • Unidirectional data flow
  • View- & Container-Komponenten
  • Higher-Order-Components (HOC) nutzen
  • Inversion of control
  • Hooks Pattern
  • Compound Pattern
  • HOC Pattern
  • Render Props Patterns
  • Rendering Patterns

Modul Testing

  • React-Komponenten testen
  • Testen von React-Komponenten mit react-testing-library
  • Komponentendemos mit Storybook
  • E2E-Tests mit Cypress

Modul React JS in der Praxis

  • Tooling
  • Überblick: PWAs mit React
  • Internationalisierung
  • Skalierbare Design-Systeme
  • Konsistenz, Effizienz und Zusammenarbeit
  • Code-Organisation von Komponenten
  • Wiederverwendbare Komponenten
  • React mit TypeScript

Modul SSR bzw. SSG mit Next.js

  • Überblick über die Architektur
  • Static Site Generation (SSG) and Server-Side Rendering (SSR)
  • Routing anhand von Pages
  • Pre-Rendering von Routen mit next.js
  • Routing in next.js
  • Data-Fetching und Performance
  • TypeScript-Support

Tipps und Tricks

  • Empfehlung: 2 bis 3 Tage – je nach Wissensstand und deinen Zielen
  • Wir stellen dir auf Wunsch deinen individuellen Kursplan zusammen
  • inkl. Zertifikat
  • inkl. Übungs- und Beispieldateien
  • inkl. 30 Tage kostenlosen Support nach der Schulung
  • Schulungszeiten
  • 9:00 – 16:00 Uhr (8 x 45 min.) oder nach Absprache
  • Web-Entwickler:innen
  • Software-Entwickler:innen
  • Sehr gute allgemeine PC- oder Mac-Kenntnisse
  • Grundkenntnisse in JavaScript sind Voraussetzung

ONLINE-SCHULUNG

  • Windows-PC oder Mac mit Soundkarte, aktuelles Windows-Betriebssystem – aktuelles macOS
  • Internet-Zugang über DSL / Kabel (Bandbreite mind. 256 Kbit/s, ab 512Kbit/s empfohlen)
  • Aktueller, moderner Browser wie z. B. Google Chrome, Mozilla Firefox, Microsoft Edge oder Apple Safari
  • Headset (Lautsprecher und Mikrofon alternativ) und Webcam (können wir gegen eine kleine Leihgebühr zur Verfügung stellen)
  • Zweiter Bildschirm empfehlenswert, aber nicht zwingend notwendig
  • Wir bieten MS Teams, Zoom, WebEx, Jitsi und BigBlueButton (Open-Source) als Videokonferenzlösung an

Link zur React JS Website

Weitere Kurse zum Thema Web-Design und -Entwicklung:

Das könnte dich auch interessieren ...

Bewertungen unserer Kurse