Redux ist eine State-Management-Bibliothek für JavaScript-Anwendungen, die häufig mit React verwendet wird. Sie hilft dabei, den globalen Zustand einer Anwendung zentral zu verwalten, sodass Daten konsistent und vorhersagbar bleiben.
Store
Enthält den gesamten Anwendungszustand (State).
Es gibt nur einen einzigen Store pro Anwendung.
Actions
Repräsentieren Ereignisse, die den State ändern sollen.
Sind einfache JavaScript-Objekte mit einer type-Eigenschaft und optionalen Daten (payload).
Reducers
Funktionen, die den neuen State basierend auf der Action berechnen.
Sind pure functions, d.h. sie haben keine Seiteneffekte.
Dispatch
Eine Methode, mit der Actions an den Store gesendet werden.
Selectors
Funktionen, um gezielt Werte aus dem State auszulesen.
Erleichtert das State-Management in großen Anwendungen.
Verhindert Prop-Drilling in React-Komponenten.
Macht den Zustand vorhersagbar durch einheitliche State-Änderungen.
Ermöglicht Debugging mit Tools wie Redux DevTools.
Falls Redux zu komplex erscheint, gibt es Alternativen wie:
React Context API – für kleinere Apps geeignet
Zustand – ein leichtgewichtiges State-Management
Recoil – von Facebook entwickelt, flexibel für React
Die Fetch API ist eine moderne JavaScript-Schnittstelle für das Abrufen von Ressourcen über das Netzwerk, z. B. für HTTP-Requests an eine API oder das Laden von Daten von einem Server. Sie ersetzt weitgehend die ältere XMLHttpRequest-Methode und bietet eine einfachere, flexiblere und leistungsfähigere Möglichkeit, Netzwerkabfragen zu verwalten.
fetch('https://jsonplaceholder.typicode.com/posts/1')
.then(response => response.json()) // Antwort als JSON umwandeln
.then(data => console.log(data)) // Daten ausgeben
.catch(error => console.error('Fehler:', error)); // FehlerbehandlungEin Request mit POST-Methode
fetch('https://jsonplaceholder.typicode.com/posts', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ title: 'Neuer Beitrag', body: 'Inhalt des Beitrags', userId: 1 })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Fehler:', error));✅ Einfachere Syntax als XMLHttpRequest
✅ Unterstützt async/await für bessere Lesbarkeit
✅ Flexibles Handling von Requests und Responses
✅ Bessere Fehlerbehandlung durch Promises
Die Fetch API ist mittlerweile in allen modernen Browsern verfügbar und eine essentielle Technik für die Webentwicklung.
Backbone.js ist ein leichtgewichtiges JavaScript-Framework, das Entwicklern hilft, strukturierte und skalierbare Webanwendungen zu erstellen. Es basiert auf dem Model-View-Presenter (MVP)-Entwurfsmuster und bietet eine minimalistische Architektur zur Trennung von Daten (Modelle), Benutzeroberfläche (Views) und Geschäftslogik.
✔ Einfach und flexibel
✔ Gute Integration mit RESTful APIs
✔ Modular und leichtgewichtig
✔ Reduziert Spaghetti-Code durch Trennung von Daten und UI
Obwohl Backbone.js früher sehr beliebt war, haben neuere Frameworks wie React, Vue.js oder Angular mittlerweile viele seiner Anwendungsfälle übernommen. Dennoch ist es in bestehenden Projekten und für minimalistische Anwendungen weiterhin relevant. 🚀
Jest ist ein JavaScript-Testing-Framework, das von Meta (Facebook) entwickelt wurde. Es wird hauptsächlich zum Testen von JavaScript- und TypeScript-Anwendungen verwendet, insbesondere für React-Anwendungen, eignet sich aber auch für Node.js-Backends.
// sum.js
function sum(a, b) {
return a + b;
}
module.exports = sum;
// sum.test.js
const sum = require('./sum');
test('addiert 1 + 2 und ergibt 3', () => {
expect(sum(1, 2)).toBe(3);
});Um den Test auszuführen, nutzt du:
jestOder falls du es in einem Projekt installiert hast:
npx jest
GoJS ist eine JavaScript-Bibliothek zur Erstellung interaktiver Diagramme und Graphen in Webanwendungen. Sie wird häufig für Flowcharts, Netzwerktopologien, UML-Diagramme, BPMN-Modelle und andere visuelle Darstellungen von Daten verwendet.
GoJS wird häufig in Business-Anwendungen eingesetzt, um komplexe Prozesse oder Beziehungen zu visualisieren. Es ist eine kostenpflichtige Bibliothek, bietet aber eine kostenlose Evaluierungsversion.
Die offizielle Website ist: https://gojs.net
Koa ist ein modernes Web-Framework für Node.js, das Entwicklern hilft, Webanwendungen und APIs zu erstellen. Es wurde von den Entwicklern von Express.js entwickelt, mit dem Ziel, ein minimalistisches und flexibleres Framework zu schaffen.
Middleware-Konzept:
Kein Standardpaket für Routing oder View-Rendering:
Leichtgewichtiger:
Erweiterbar:
const Koa = require('koa');
const app = new Koa();
app.use(async (ctx) => {
ctx.body = 'Hallo, Welt!';
});
app.listen(3000, () => {
console.log('Server läuft auf http://localhost:3000');
});async/await wird der Code lesbarer und es gibt weniger Probleme mit Callbacks.Koa ist besonders geeignet für Entwickler, die eine flexible und minimalistische Grundlage für ihre Node.js-Projekte benötigen. Es richtet sich eher an erfahrene Entwickler, da es mehr Konfigurationsaufwand erfordert als Frameworks wie Express.
Meteor ist ein Open-Source-JavaScript-Framework, das es Entwicklern ermöglicht, einfach und schnell Web- und Mobile-Anwendungen zu erstellen. Es wurde 2012 von der Meteor Development Group (MDG) veröffentlicht und ist darauf ausgelegt, den Entwicklungsprozess zu beschleunigen und den Code für Frontend und Backend zu vereinheitlichen. Meteor ist besonders nützlich für Echtzeitanwendungen, da es eine reaktive Architektur bietet.
JavaScript für alles:
Echtzeit-Funktionalität:
Isomorpher Code:
Integrierte Datenbank:
Einfache Integration:
Schneller Entwicklungsprozess:
Meteor ist ein großartiges Framework für Entwickler, die schnell reaktive und plattformübergreifende Anwendungen erstellen möchten. Es eignet sich besonders für Projekte, bei denen Echtzeit-Updates und eine schnelle Entwicklungszeit im Vordergrund stehen.
Strapi ist ein Headless CMS (Content Management System), das auf JavaScript basiert und speziell für Entwickler entwickelt wurde. Es bietet eine flexible und offene Lösung zur Verwaltung von Inhalten und APIs. Hier sind die wichtigsten Merkmale von Strapi:
JSON (JavaScript Object Notation) ist ein leichtgewichtiges Datenformat zur Darstellung strukturierter Daten im Textformat. Es wird häufig für den Datenaustausch zwischen einem Server und einer Webanwendung verwendet. JSON ist leicht lesbar und schreibbar für Menschen und einfach zu analysieren und zu generieren für Maschinen.
Hier sind einige grundlegende Merkmale von JSON:
Syntax:
{} eingeschlossen.[] eingeschlossen.Datentypen:
"Hallo"123 oder 12.34{"Schlüssel": "Wert"}["Element1", "Element2"]true oder falsenullBeispiel:
{
"Name": "Max Mustermann",
"Alter": 25,
"Adresse": {
"Straße": "Musterstraße 1",
"Stadt": "Musterstadt"
},
"Hobbys": ["Lesen", "Schreiben", "Reisen"]
}In diesem Beispiel enthält das JSON-Objekt Informationen über eine Person mit ihrem Namen, Alter, Adresse und Hobbys.
JSON hat sich aufgrund seiner Einfachheit und Flexibilität als Standardformat für den Datenaustausch im Web etabliert.
DynamoDB
