Nach dem Erfolg der kostenlosen Version von ReactJS Workshop (einschließlich Screenshot) wurde dieselbe Version neu erstellt, um neue Vorlesungen und Codebeispiele einschließlich Bewertungen aufzunehmen. Das Wochenformat wird eingeführt.
Als Director - UI Practice & Engineering wurde dieses 5-tägige Workshop-Format von mir konzipiert, nachdem ich durch die Bereitstellung von ILTs in diesem Format große Erfolge erzielt hatte.
Ich baue seit einigen Jahren JavaScript-Anwendungen und liebe es, mit den neuesten und besten Front-End-Frameworks wie React, Redux, ES6 und Webpack zu arbeiten, um Lösungen für Kunden in vielen Branchen hier im Mittleren Westen und darüber hinaus bereitzustellen. Gemeinsam werden wir durch eine Reihe von kurzen Lektionen und Code-lastigen Labors eine laufende Anwendung mit React und Redux erstellen. Sie erhalten ein funktionierendes Verständnis für die Verwendung von React in Ihren eigenen Anwendungen sowie Arbeitscode, der als hilfreiche zukünftige Ressource genutzt werden kann.

Workshop-Ziele
------------------------------------
1. Reagieren Sie auf Wortschatz und Konzepte
2. Redux-Nutzung
3. Vertrautheit mit modernen JS-Tools
4. Bewertung
5. Link zu Codebeispielen
6. Standard-PPT für das betreffende Material.
7. Organisierter 5-Tage-Ansatz zur Bewältigung der Lernkurve.

1.React Basics
Im ersten Teil dieses Workshops werden zunächst die wichtigsten React-Konzepte wie das virtuelle DOM behandelt. Sobald wir die Kernkonzepte geklärt haben, werden wir die React-Klassen und die bereitgestellten APIs behandeln. Wir werden detailliert auf Rendering, Status, Requisiten sowie den Lebenszyklus einer React-Komponente eingehen. Danach geht die Diskussion zu JSX und wichtigen Unterscheidungen zwischen regulärem HTML. Wir werden erläutern, wie Sie Ihre allererste React-Komponente mit Jest and Enzyme testen können. Und natürlich einen Überblick über die Tool-Landschaft von React: einschließlich der neuesten JS-Build-Tools, des JS-Abhängigkeitsmanagements und des erstaunlichen Bootstrapping-Frameworks für Create-React-App.

2.Reaktieren Sie den Router
Nachdem wir nun wissen, wie React-Komponenten erstellt werden, werden wir erläutern, wie wir alle zusammenarbeiten lassen können, um mithilfe des React-Routers eine blitzschnelle Einzelseitenanwendung zu erstellen. In dieser Vorlesung behandeln wir alles, was Sie über die Konfiguration der Reaktionszustände sowie der APIs und Komponenten wissen müssen, mit denen Sie zwischen ihnen wechseln können.

3.Redux
Jetzt, da unser Anwendungs-Footprint zu wachsen beginnt, benötigen wir ein gutes Muster, um den Status aller unserer Komponenten zu koordinieren. Hier kommt die Redux-Architektur ins Spiel: Die einzige Quelle der Wahrheit zu sein, um unsere Einzelseitenanwendung zu unterstützen. In dieser Vorlesung werden die Hauptteile von Redux (Aktionen, Reduzierungen und Speicher) und deren Interaktion behandelt. Im Labor fügen wir die Redux-Bibliothek zu unserer Anwendung hinzu und verwenden sie, um Daten für unsere React-Komponenten bereitzustellen.

4. Reagieren Sie auf Formulare und Validierung
In der Abschlussvorlesung und im Labor werden wir einige Formulare über unsere Daten setzen. Wir werden uns mit Komponenten des React-Formulars befassen und erläutern, warum sie sich von anderen nativen React-Komponenten unterscheiden. Anschließend werden wir diskutieren, wie wir unseren Formularkomponenten in React Bootstrap eine Validierung hinzufügen können. Im Labor verwenden Sie das Gelernte, um Formulare zu erstellen, mit denen wir Daten für einen REST-Service speichern.