Kursinhalt
React-Meisterschaft
React-Meisterschaft
1. Einführung in die Grundlagen von React
Was Ist React?SPAs vs. MPAs in der WebentwicklungWie React mit dem Virtuellen DOM ArbeitetEinführung in JSX in ReactErstellen Komplexer JSX-ElementeElemente in React RendernHerausforderung: Rendering-ElementReact-KomponenteProps in ReactHerausforderung: Funktionale KomponentenBedingte DarstellungHerausforderung: Bedingte Darstellung - Chat-BenachrichtigungHerausforderung: Bedingte Darstellung - BankalarmRendern Einer DatensammlungHerausforderung: Rendern Einer DatensammlungZusammenfassung des Abschnitts Einführung in React
2. Styling in React Apps
Einführung in das Styling in ReactInline-StileInline-Stile in der PraxisHerausforderung: Inline-StileStyling mit der CSS-DateiStyling mit der CSS-Datei in der PraxisHerausforderung: Styling mit der CSS-DateiStyling mit CSS-ModulenDatei- und Ordnerstruktur-OrganisationHerausforderung: CSS-ModuleZusammenfassung des Abschnitts Styling in React
3. React Hooks und Context
Einführung: React Hooks und ContextUseState-HookHerausforderung: Sichtbarkeit UmschaltenuseRef-HookHerausforderung: Erstellen Einer Formular-KomponenteUseEffect-HookHerausforderung: Daten Abrufen und AnzeigenuseMemo-HookHerausforderung: AutolistenfilteringKontextKontext in der PraxisHerausforderung: Welt der Astronomie AppZusammenfassung des Abschnitts React Hooks und Context
Terminal
Schritt 5: Terminal im Code-Editor öffnen
Da wir nun alle notwendigen Werkzeuge haben und den Projektordner im Code-Editor geöffnet haben, lassen Sie uns das Terminal innerhalb des Code-Editors öffnen. In VS Code ist dieser Vorgang einfach.
Schritte zum Folgen:
- Suchen Sie das Wort
Terminalin der oberen Leiste von VS Code;
- Klicken Sie darauf, um ein Dropdown-Menü zu öffnen;
- Wählen Sie
New Terminalaus dem Dropdown-Menü.
Nach Abschluss dieser Schritte wird das Terminal am unteren Rand des VS Code-Fensters geöffnet. Bitte beachten Sie, dass das Erscheinungsbild je nach Betriebssystem leicht variieren kann. Stellen Sie sicher, dass der Name des Projektordners im Terminal sichtbar ist.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 4. Kapitel 4
