← Zurück
⚛️

React

Eine JavaScript-Bibliothek für User Interfaces

Was ist React?

React ist eine JavaScript-Bibliothek von Meta (Facebook), die das Entwickeln von interaktiven UIs einfacher macht. React nutzt Komponenten - wiederverwendbare Bausteine für deine UI.

Warum React?

Komponenten

Baue wiederverwendbare UI-Bausteine

State Management

Verwalte Daten und Updates einfach

Virtual DOM

Schnelle und effiziente Updates

JSX

HTML direkt in JavaScript schreiben

React Komponente

import { useState } from 'react';

function Counter() {
    const [count, setCount] = useState(0);

    return (
        <div>
            <h2>Zähler: {count}</h2>
            <button onClick={() => setCount(count + 1)}>
                Plus
            </button>
        </div>
    );
}

useState ist ein React Hook, der es erlaubt, State in funktionalen Komponenten zu speichern.

🎮 Interaktive React-Demos

Demo 1: Like Counter

Demo 2: Todo-Liste

    Was passiert hier?

    Diese Demos simulieren React-Konzepte mit Vanilla JavaScript. In echtem React würde useState den State verwalten und React würde automatisch das UI neu rendern!

    🎉 Glückwunsch!

    Du hast die Grundlagen von HTML, CSS, JavaScript und React kennengelernt! Jetzt kannst du anfangen, deine eigenen Web-Projekte zu bauen.

    Zurück zur Übersicht