Möchten Sie mit Ihrem Team teilnehmen? Profitieren Sie von unseren Gruppenrabatten! Schreiben Sie an events@dpunkt.de

Praktischer Einstieg: Web-Anwendungen mit React und TypeScript

Workshop (online): 11. Juni 2021, 9-17 Uhr



In diesem Workshop gebe ich dir einen Einstieg React. Anhand einer Beispiel-Anwendung sehen wir uns im Code Grundlagen und Konzepte von React an. Dazu setzen wir die Hooks API von React ein. Du lernst, wie Du Komponenten baust, wie diese untereinander kommunizieren, und wie Du sie schließlich zu Anwendungen zusammenbaust. Außerdem erfährst Du, wie Du deine React-Anwendung typsicher mit TypeScript bauen kannst. Damit Du selber einen praktischen Eindruck von der Entwicklung mit React bekommst, machen wir einige Übungen und natürlich bleibt genügend Zeit für Fragen.

Nach dem Workshop kannst Du beurteilen, ob dir React gefällt und ob es für deine künftigen Projekte das richtige Werkzeug ist.

Vorkenntnisse


  • Für die Übungen: praktische JavaScript Kenntnisse (ES6), insb. Modul-System und Arrow-Funktionen
  • Der Workshop sollte auch verständlich sein, wenn du kein JavaScript kannst und "nur" die Konzepte und Prinzipien von React kennenlernen möchtest, um z.B. zu entscheiden, ob React für dein Projekt relevant ist. Der Code, den wir uns im Workshop ansehen, sollte dafür auch ohne JS Kenntnisse ausreichend verständlich sein.


    Technische Voraussetzungen für die Übungen:


  • PC/Laptop, auf dem NodeJS und Git installiert ist und der Node Packages via npm installieren kann (Proxy, Firewall, VPN etc. prüfen!)
  • Editor (z.B. VS Code oder Webstorm)
  • Einige Tage vor dem Workshop bekommt ihr eine Anleitung mit weiteren Informationen

Lernziele


  • TypeScript Kenntnisse sind nicht erforderlich, ich werde eine kurze Einführung in die Sprache geben.
  • Was ist React und welche Ideen und wichtige Konzepte stecken dahinter?
  • Wie werden React Komponenten und Anwendungen gebaut?
  • Architekturen typischer React-Anwendungen
  • Was ist TypeScript und wie kann es mit React verwendet werden?

Agenda

  • React-Einführung
  • Komponenten mit JSX und der React Hooks API bauen
  • Komponentenhierarchien und Anwendungen
  • Typsichere React-Anwendungen mit TypeScript inkl. Einführung in TypeScript
11.06.2021

 

Speaker

 


Nils Hartmann ist freiberuflicher Entwickler, Architekt, Trainer und Coach aus Hamburg. Er programmiert in Java sowie JavaScript/TypeScript und unterstützt Teams mit Trainings und Beratung beim Ein- und Umstieg in die Entwicklung von Single-Page-Anwendungen sowie bei der Arbeit mit React, TypeScript und GraphQL. Nils ist Autor des Buches "React - Grundlagen, fortgeschrittene Techniken und Praxistipps"(dpunkt-Verlag, 2019).

betterCode-Newsletter

Sie möchten über die betterCode
auf dem Laufenden gehalten werden?

 

Anmelden