book

React Kochbuch

by David Griffiths, Dawn Griffiths

September 2024

Intermediate to advanced

512 pages

11h 54m

German

O'Reilly Media, Inc.

Book available

Read now

Unlock full access

In diesem Buch verwendete KonventionenCode-Beispiele verwendenO'Reilly Online LearningWie du uns kontaktierstDanksagungen
1.1. Erstelle eine einfache Anwendung1.2. Erstellen von inhaltsreichen Apps mit Gatsby1.3. Universal Apps mit Razzle erstellen1.4. Verwalten von Server- und Client-Code mit Next.js1.5. Eine winzige App mit Preact erstellen1.6. Bibliotheken mit nwb bauen1.7. React zu Rails hinzufügen mit Webpacker1.8. Benutzerdefinierte Elemente mit Preact erstellen1.9. Storybook für die Komponentenentwicklung verwenden1.10. Teste deinen Code in einem Browser mit Cypress
2.1. Interfaces mit Responsive Routes erstellen2.2. Zustand in Routen verschieben2.3. MemoryRouter für Unit-Tests verwenden2.4. Eingabeaufforderung für Seitenabbruchbestätigungen verwenden2.5. Übergänge mit der React Transition Group erstellen2.6. Gesicherte Routen erstellen
3.1. Verwendung von Reducern zur Verwaltung komplexer Zustände3.2. Eine Rückgängig-Funktion erstellen3.3. Formulare erstellen und validieren3.4. Zeit mit einer Uhr messen3.5. Online-Status überwachen3.6. Globalen Zustand mit Redux verwalten3.7. Überlebe Seitenwechsel mit Redux Persist3.8. Abgeleiteten Zustand mit Reselect berechnen
4.1. Einen zentralisierten Error Handler erstellen4.2. Eine interaktive Hilfe erstellen4.3. Reducers für komplexe Interaktionen verwenden4.4. Tastaturinteraktion hinzufügen4.5. Markdown für umfangreiche Inhalte verwenden4.6. Mit CSS-Klassen animieren4.7. Animieren mit React Animation4.8. Infografiken mit TweenOne animieren
5.1. Netzwerkaufrufe in Hooks umwandeln5.2. Automatisch aktualisieren mit Zustandszählern5.3. Netzwerkanfragen mit Token abbrechen5.4. Netzwerkaufrufe mit Redux Middleware durchführen5.5. Mit GraphQL verbinden5.6. Reduziere die Netzwerklast mit entprellten Anfragen
6.1. Material Design mit Material-UI verwenden6.2. Eine einfache Benutzeroberfläche mit React Bootstrap erstellen6.3. Datensätze mit React Window anzeigen6.4. Responsive Dialoge mit Material-UI erstellen6.5. Erstellen einer Admin-Konsole mit React Admin6.6. Kein Designer? Verwende Semantic UI
7.1. Anfragen sichern, nicht Routen7.2. Authentifizierung mit physischen Token7.3. HTTPS aktivieren7.4. Authentifizierung mit Fingerabdrücken7.5. Bestätigungslogins verwenden7.6. Single-Factor-Authentifizierung verwenden7.7. Test auf einem Android-Gerät7.8. Sicherheit mit ESlint prüfen7.9. Login-Formulare browserfreundlich gestalten
8.1. Verwenden Sie die React Testing Library8.2. Storybook für Rendertests verwenden8.3. Test ohne Server mit Cypress8.4. Cypress für Offline-Tests verwenden8.5. Testen in einem Browser mit Selenium8.6. Browserübergreifende Visuals mit ImageMagick testen8.7. Hinzufügen einer Konsole zu mobilen Browsern8.8. Zufälligkeit aus den Tests entfernen8.9. Zeitreise
9.1. Landmarken verwenden9.2. Rollen, Alts und Titel anwenden9.3. Barrierefreiheit mit ESlint prüfen9.4. Axe DevTools zur Laufzeit verwenden9.5. Browser-Tests mit Cypress Axe automatisieren9.6. Überspringen-Schaltflächen hinzufügen9.7. Überspringende Regionen hinzufügen9.8. Erfassungsbereich in Modalen9.9. Einen Seitenleser mit der Sprach-API erstellen

10.1. Browser-Leistungstools verwenden10.2. Rendering mit Profiler verfolgen10.3. Profiler Unit Tests erstellen10.4. Die Zeit genau messen10.5. Verkleinere deine App mit Code-Splitting10.6. Kombinieren von Netzwerkversprechen10.7. Serverseitiges Rendering verwenden10.8. Web Vitals verwenden
11.1. Service Worker mit Workbox erstellen11.2. Eine PWA mit Create React App erstellen11.3. Cache-Ressourcen von Drittanbietern11.4. Arbeiter automatisch neu laden11.5. Benachrichtigungen hinzufügen11.6. Offline Änderungen mit Background Sync vornehmen11.7. Hinzufügen einer benutzerdefinierten Installationsschnittstelle11.8. Offline-Antworten bereitstellen

Content preview from React Kochbuch

Index

A

Zugänglichkeit, Zugänglichkeit-Diskussion
- Hinzufügen von Skip-Buttons zu Seiten, Problem-Diskussion
- Hinzufügen von Skip-Regionen zu Seiten, Problem-Diskussion
- Anwenden von Rollen, Alts und Titeln, Problem-Diskussion
- Prüfen oder Aufspüren von Problemen mit, Barrierefreiheit
- Automatisierung von Browsertests mit cypress-axe, Problem-Diskussion
- Erfassen von Bereichen in Modalen, Problem-Diskussion
- Prüfen mit eslint, Problem-Diskussion
- Seitenleser mit Speech API erstellen, Problem-Diskussion
- axe DevTools zur Laufzeit verwenden, Problem-Diskussion
- Landmarken verwenden, Problem-Diskussion
Aktionen, Problem
- Dispatching und Reagieren in React Redux-Apps, Lösung
- mit Seiteneffekten, Erstellen mit Redux Middleware, Lösung
- Übermittlung an den zentralen Speicher mit useDispatch, Lösung
- undoActions Funktion, Lösung
adb (Android Debug Bridge) Befehl, Lösung
Admin-Konsole, Bauen mit React Admin, Problem-Diskussion
Alert Komponente, Lösung
Android Debug Bridge (adb) Befehl, Lösung
Android-Gerät, Testen einer React-App, Problem-Diskussion
Animationen
- Animieren von Infografiken mit TweenOne, Problem-Diskussion
- Animieren mit CSS-Klassen, Problem-Diskussion
- Übergänge mit react-transition-group erstellen, Problem-Diskussion
- React-Animationen verwenden, Problem-Diskussion
  - Auswahl der zu verwendenden Animation, Diskussion
  - Animationen und Hilfscode aus Radium importieren, Lösung
  - Installation von Radium und React Animations, Lösung
APIs
- Fälschen von Serveranfragen/-antworten mit Cypress, Diskussion
- GraphQL, Problem, Diskussion