JavaScript-Projekte sind komplex, wobei viele der Probleme hausgemacht sind. Dieser Artikel geht einigen Problemen sowie ihren Ursachen auf den Grund. Er zeigt, wie mit Hilfe moderner Werkzeuge und Standards, etwa Snowpack und ESM, ein Weg aus der Komplexitätsfalle gefunden werden kann.

Im ersten Teil dieser Serie haben wir uns mit den Grundlagen von Redwood beschäftigt, einer Kombination aus etablierten Technologien zur Implementierung von Webapplikationen. Im zweiten Teil arbeiten wir mit Benutzereingaben, betrachten Authentifizierungsmöglichkeiten, Testing und vieles mehr.

Das Jahr 2020 endete für React-Entwickler mit einem lauten Knall, als das React-Team von Facebook kurz vor Weihnachten den RFC für React Server Components vorstellte. Und auch wenn Facebook selbst davon spricht, dass React Server Components noch Zukunftsmusik sind, wollen wir uns in diesem Artikel einmal mit dem Thema auseinandersetzen. Seit der Vorstellung von Hooks könnten React Server Components die größte Neuerung für React-Entwickler werden.

Wie kann ich als Webentwickler DevOps für mich nutzen? Wo fängt DevOps an und was gehört dazu? Wie gestalte ich meinen Alltag so, dass der maximale Nutzen für die Softwareentwicklung und den Betrieb der Anwendung entsteht? Dieser Artikel zeigt, wie einfach wir mit React und GitLab eine Single Page Application (SPA) erstellen, testen und in die Produktion bringen können.

Der Fall bei Asynchronität in JavaScript ist eigentlich klar: Callbacks sind böse und Promises die einzig richtige Lösung. Nein, eigentlich ist ja async/await die Lösung, was aber wiederum auf Promises aufbaut, bei denen wiederum einige Callbacks im Spiel sind. Also ist doch nicht alles so klar, wie es scheint. Warum diese ganze Asynchronität notwendig ist, werden wir im Folgenden klären.

Der Fall bei Asynchronität in JavaScript ist eigentlich klar: Callbacks sind böse und Promises die einzig richtige Lösung. Nein, eigentlich ist ja async/await die Lösung, was aber wiederum auf Promises aufbaut, bei denen wiederum einige Callbacks im Spiel sind. Also ist doch nicht alles so klar, wie es scheint. Warum diese ganze Asynchronität notwendig ist, werden wir im Folgenden klären.

Dynamic Module Federation erlaubt das Laden von Microfrontends, die beim Kompilieren der Shell noch nicht bekannt waren. Deren Metadaten sollten trotzdem bereits beim Programmstart zur Verfügung stehen, damit Konflikte zwischen geteilten Bibliotheken durch Module Federation vermieden werden können.

Wer eine Anwendung in Node.js entwickelt, muss sich nicht nur mit dem Code an sich beschäftigen. Es gehört auch die Anbindung von Infrastruktur dazu, dazu zählen unter anderem Datenbanken, aber auch die Ausführungsebene mit Docker. Wie funktioniert das?

Dynamic Module Federation erlaubt das Laden von Microfrontends, die beim Kompilieren der Shell noch nicht bekannt waren. Deren Metadaten sollten trotzdem bereits beim Programmstart zur Verfügung stehen, damit Konflikte zwischen geteilten Bibliotheken durch Module Federation vermieden werden können.

Sollte ich meinen State mit dem Context API und State Hooks oder Redux managen? Diese Frage stellen sich viele Entwickler, die mit React arbeiten. Die richtige Antwort hängt stark von der jeweiligen Anwendung ab: Manchmal reicht das Context API nicht, während Redux für andere Fälle zu komplex ist. Woher weiß man aber, was wozu passt?

Wie kann ein Technologiestack für eine moderne Webapplikation aussehen? React im Frontend, GraphQL für die Kommunikation zwischen Frontend und Backend, ein Serverless-Backend auf Basis von Node.js, die Datenbankabstraktion erfolgt über Prisma und die Datenbank selbst ist relativ frei wählbar. Deployt wird die Applikation in einem solchen Set-up im Idealfall weitestgehend automatisiert und auf Basis des Versionskontrollsystems. Klingt das interessant? Dann ist Redwood vielleicht genau das Richtige für Sie.

Dynamic Module Federation erlaubt das Laden von Microfrontends, die beim Kompilieren der Shell noch nicht bekannt waren. Deren Metadaten sollten trotzdem bereits beim Programmstart zur Verfügung stehen, damit Konflikte zwischen geteilten Bibliotheken durch Module Federation vermieden werden können.

Sollte ich meinen State mit dem Context API und State Hooks oder Redux managen? Diese Frage stellen sich viele Entwickler, die mit React arbeiten. Die richtige Antwort hängt stark von der jeweiligen Anwendung ab: Manchmal reicht das Context API nicht, während Redux für andere Fälle zu komplex ist. Woher weiß man aber, was wozu passt?