Frameworks im Überblick – React, Vue, Next.js & Co.

Eine Orientierungshilfe: was ist was, wann nutzt man es, welche Sprache steckt dahinter.

1. Was ist ein Framework überhaupt?

Ein Framework ist ein fertiges Grundgerüst mit Regeln, Struktur und Werkzeugen, damit du nicht bei null anfängst.

Unterschied Bibliothek vs. Framework:

• Bibliothek (z.B. React) → du entscheidest die Struktur, holst dir nur Werkzeuge
• Framework (z.B. Angular, Next.js) → gibt dir eine feste Struktur vor

2. React

Sprache: JavaScript / TypeScript · Typ: Bibliothek · Von: Meta

Wofür: Interaktive UIs, komponentenbasiert. Wann: SPAs, großes Ökosystem, später React Native.

3. Next.js

Baut auf React auf · Von Vercel · SSR, Routing, SEO out of the box.

Next.js = React + Routing + Server-Rendering + viele Konventionen vorgegeben.

4. Vue.js

Einsteigerfreundlicher, HTML-nahe Templates. Nuxt.js ist zu Vue das, was Next.js zu React ist.

5. Angular

TypeScript-Pflicht, alles eingebaut (Routing, Forms, HTTP, DI) — stark für Enterprise.

6. Svelte

Compiler-basiert (kein Framework-Code im Browser). SvelteKit = Next-Äquivalent.

7. Backend-Frameworks (Kurz)

8. Entscheidungshilfe

Lernen → React/Vue · SEO → Next/Nuxt · Enterprise → Angular · Performance → Svelte · Python-API → FastAPI · Mobile → React Native

Merksatz

React/Vue/Svelte = wie die Oberfläche aussieht und reagiert
Next.js/Nuxt/Angular = das komplette Gerüst drumherum
FastAPI/Express/Django = die Logik & Daten im Hintergrund

Frontend und Backend sprechen über eine API (meist JSON).