React Basics
Schulung

Lerne in 3 Tagen alles, was Du für eine voll funktionsfähige React Anwendung benötigst.

Dauer


3 Tage


Ca. 6 — 8 Stunden pro Tag

Inhalt


Alles Notwendige für die erste produktive React Anwendung

Zielgruppe


Geeignet für Einsteiger


Grundlagen in HTML und JavaScript werden vorausgesetzt.

Nutze die Vorteile, die das beliebteste Framework auf dem Markt bietet.

Wir ermöglichen es Dir, eine erste React Anwendung selbstständig zu entwickeln. Dazu werden sämtliche Grundlagen vorgestellt und erprobt. Außerdem werden Dir weitere Ressourcen an die Hand gegeben, mit denen Du eine optimale Ausgangsbasis für die tägliche Arbeit mit React hast.

Zielgruppen & Vorraussetzungen

Frontend- und Backendentwickler, die einen Einblick in moderne Frontendentwicklung bekommen wollen oder direkt mit eigenen Anwendungen durchstarten möchten.
2020-07-14AusgebuchtOnline2020-08-11Freie PlätzeOnline2020-09-22Freie PlätzeOnline
Jetzt anmelden ab 999 € pro Teilnehmer

Wieso React?

  • Einfach

    Kleine, abgeschlossene Komponenten verringern die Komplexität.

  • Skalierbar

    Explizite Schnittstellen erlauben reibungslose Kommunikation zwischen Modulen.

  • Flexibel

    React gibt dem Entwickler die Freiheit, selbst Entscheidungen zu treffen.

  • Erprobt

    Mit mehreren Millionen Nutzern werden Probleme neuer Versionen sofort erkannt und können schneller behoben werden.

  • Unterstützt

    Durch die Vielzahl an Community-Paketen wird die Entwicklung beschleunigt.

  • Zukunftssicher

    Alle Updates von React sind abwärtskompatibel oder automatisiert.

Warum du nach unserem Training defintiv schlauer bist.

  • Rocket Theorie erlernen und <em>praktisch anwenden</em>
  • Speech bubble Coaches <em>helfen und diskutieren</em> Fragen
  • Brain on a chip <em>Insights und Hintergründe</em> zu technischen Details
  • Star <em>Best Practices</em> sehen und erleben
  • Flame on a globe <em>Technologie-Trends</em> kennenlernen

Nur durch die Kombination aus Theorie und Praxis mit der Diskussion von Trade-Offs verschiedener Ansätze, werden Entwickler ein neues Tool so erlernen und verstehen, dass sie es im Alltag effizient verwenden können.
Andreas Roth

Inhalte der Schulung

  • Einführung in modernes, idiomatisches JavaScript

    Teilnehmer werden abgeholt und auf ein Level gebracht.

    ES 2015+, Browser APIs wie Promise und fetch

  • React-Denkweise

    React funktioniert anders als traditionelle Webentwicklung, dies erfordert ein Umdenken bei erfahrenen Teilnehmern.

    JSX, VDOM, Immutability

  • Zustand und "Side Effects"

    Was früher Klassenkomponenten und Lifecycle-Methoden waren sind heute React-Hooks.

    useState, useEffect, closures, stale closures

  • Kommunikation mit einem Server

    Ein Frontend ohne ein Backend liefert nur wenig Mehrwerte.

    REST-APIs mit useEffect, fetch, async/await

  • Externe Pakete

    Das Open-Source Ökosystem um React ist größer als bei allen anderen Frameworks.

    npm, security, prop-types

  • Routing

    Komplexere Anwendungen haben nicht nur einen Screen sondern mehrere.

    react-router, static routes, dynamic routes

  • Zustandsverwaltung

    Je größer die Anwendungen sind, desto eher wird eine zentrale State-Management-Lösung benötigt.

    useState, ReactContext, useReducer, redux

  • Klassenkomponenten

    Klassenkomponenten sind nicht die Zukunft aber Enterprise-Anwendungen setzen noch zu großen Teilen auf diese.

    React.Component, Komponenten-Lebenszyklus

  • Styling

    Neben simplen CSS-Stylesheets hat sich das Styling in React stark weiterentwickelt.

    CSS, SASS, CSS-in-JS

  • Performance

    Je größer die Anwendung, desto eher treten Performanceprobleme auf.

    Profiler, React Devtools, React.memo, useMemo, useCallback

  • Testing

    Kritische Pfade in Anwendungen (wie der Checkout-Prozess) dürfen unter keinen Umständen fehlerhaft sein.

    Jest, React-Testing-Library, Cypress

Noch nicht überzeugt? Das sagen unsere Teilnehmer:

Man merkt, dass ihr wirklich wisst worüber ihr redet.

Alle Unklarheiten / Fragen konnten sehr sicher und verständlich beantwortet werden.

Sehr schön stringentes, gut strukturiertes Konzept (Themenblock + Übung + Zusammenfassung), was auch in der Umsetzung funktioniert hat.

Alle anzeigen

Jetzt keine Zeit mehr verlieren!

Werde zum React.js Profi!

Jetzt buchen
esveo Academy