React und Next.js - Komplett

React und Next.js - Komplett

React ist die Bibliothek schlechthin, um Web-User-Interfaces auf Basis von JavaScript bzw. Typescript zu erstellen. Die State- und Komponenten-basierte Architektur ermöglicht das Umsetzen komplexer Anwendungen für den Browser in einer tragfähiger Architektur. Next.js bringt die Funktionalität von React auch ins Backend und ermöglicht dort z.B. Pre-Rendering statischer und dynamischer Seiten, eine direkte Datenbankanbindung oder API-Abfragen, sowie ein einfach umzusetzendes Routing-Konzept ohne umständliche Konfigurationen. Die Kombination von React und Next.js bildet einen neuen universellen Stack, der sowohl Front-End als auch Back-End einschließen kann.

Diese Schulung legt in einem praktischen Workshop über Komponenten, `states`, `props` und JSX die Grundpfeiler für die Entwicklung in React. Anschließend vervollständigt Next.js das Projekt zur `fullstack`-Entwicklung um serverseitig ausgeführte Komponenten und Logiken - von interaktiven Apps bis zu statischen Websites. Es werden Best Practices zum `lifecycle`und zu `hooks` erklärt. Styling, API-Kommunikation oder Formular-Validierung werden ebenso eingeführt, wie wichigte Tools zur Entwicklung.

Im zweiten Teil der React und next.js Schulung steht die Verbesserung einer Next.js Entwicklung im Fokus. In einer Einführung in Unit-Tests bzw. die Entwicklung mit dem Test-Framework "Jest" lernen sie, testgetrieben zu entwickeln. Hier wird auch Typescript als Notation mit abgesicherten Typen eingeführt, mit der sich die Sicherheit beim Entwickeln weiter deutlich verbessert.