Motivation
React ist eine Open-Source-JavaScript-Bibliothek, die hauptsächlich für die Entwicklung von Benutzeroberflächen und Benutzeroberflächenkomponenten verwendet wird. Sie wurde von Meta (ehemals Facebook) entwickelt und erstmals 2013 veröffentlicht. React ermöglicht es Entwicklern, interaktive und dynamische Webanwendungen zu erstellen, indem sie die Benutzeroberfläche in einzelne wiederverwendbare Komponenten aufteilen.
Die Verwendung von React bringt mehrere Vorteile mit sich, die für Softwareentwickler aus verschiedenen Branchen von großem Nutzen sind:
Modularität und Wiederverwendbarkeit: Durch die Aufteilung der Benutzeroberfläche in Komponenten wird der Code modular und leichter wartbar. Diese Komponenten können in verschiedenen Projekten und sogar in unterschiedlichen Unternehmensbereichen wiederverwendet werden, was die Entwicklung beschleunigt.
Effiziente Aktualisierungen: React verwendet einen virtuellen DOM, der Änderungen effizient erkennt und nur die notwendigen Updates im tatsächlichen DOM durchführt. Dies führt zu einer verbesserten Leistung und reibungslosen Benutzererfahrung, insbesondere in Anwendungen mit vielen Datenaktualisierungen.
Deklarative Syntax: Die deklarative Natur von React erleichtert das Schreiben und Verstehen von Code. Entwickler beschreiben, wie die Benutzeroberfläche aussehen soll, anstatt sich auf die Details der Aktualisierung zu konzentrieren.
Umfangreiches Ökosystem: React ist Teil eines umfangreichen Ökosystems von Bibliotheken und Tools, darunter Zustandsverwaltungsbibliotheken wie Redux, Routing-Bibliotheken und Entwicklerwerkzeuge.
Dies ermöglicht es Entwicklern, ihre Produktivität zu steigern und fortschrittliche Funktionen zu implementieren.
Schulung
Während der dreitägigen Schulung haben wir gemeinsam eine Web-Applikation zum Erstellen von Notizen erstellt. Mithilfe dieser “React Poster” App kann ein Benutzer via einem Formular Notizen erstellen und editieren
Die Teilnehmer konnten anhand dieses praktischen Beispiels die grundlegenden Konzepte von React erlernen und anschließend auch selbstständig anwenden. Unter anderen wurden folgende React Konzepte behandelt:
- React Hooks inklusive State Hooks
- Rendern von jsx Code
- Erstellen von Komponenten mit TypeScript Unterstützung
- NgRx Store Implementierung
- Programmieren eigener Hooks
- uvm.
Abschließend kann festgehalten werden, dass auch dieser Kurs sehr lehrreich für die Teilnehmer war und diese mit ihrem neuen Wissen nun eine solide Basis haben, um selbstständig komplexe React Applikationen entwickeln zu können.
