React od podstaw. Nowoczesne wzorce tworzenia aplikacji. Wydanie II (ebook)(audiobook)(audiobook)

Spis treści

Wprowadzenie 9

1. Poznajemy Reacta 13

• Solidne podstawy 14
• Przeszłość i przyszłość biblioteki React 14
• Zmiany w wydaniu drugim książki 15
• Praca z plikami 16
• Repozytorium pliku 16
• React Developer Tools 16
• Instalacja Node.js 17

2. JavaScript dla Reacta 19

• Deklarowanie zmiennych 20
• Słowo kluczowe const 20
• Słowo kluczowe let 21
• Szablon ciągu tekstowego 22
• Tworzenie funkcji 24
• Deklaracje funkcji 24
• Wyrażenie funkcji 24
• Parametry domyślne 26
• Funkcja strzałki 26
• Kompilacja kodu napisanego w JavaScripcie 29
• Obiekty i tablice 30
• Destrukturyzacja obiektu 30
• Destrukturyzacja tablicy 32
• Usprawnienie literału obiektu 32
• Operator rozszczepienia 33
• Asynchroniczny JavaScript 35
• Proste obietnice za pomocą fetch 35
• Słowa kluczowe async i await 37
• Tworzenie obietnicy 37
• Klasy 38
• Moduły ES6 40
• CommonJS 41

3. Programowanie funkcyjne w JavaScripcie 43

• Co to jest programowanie funkcyjne? 44
• Styl imperatywny kontra styl deklaratywny 45
• Koncepcje funkcyjne 48
• Niemodyfikowalność 48
• Czyste funkcje 50
• Konwersja danych 52
• Funkcje wyższego rzędu 58
• Rekurencja 59
• Kompozycja 61
• Zebranie wszystkiego w całość 63

4. Jak działa React? 69

• Konfiguracja strony 69
• Elementy Reacta 70
• ReactDOM 72
• Elementy potomne 73
• Komponenty Reacta 77
• Komponenty Reacta - podróż po historii 80

5. React i JSX 83

• Elementy Reacta jako JSX 83
• Wskazówki pomocne w pracy z JSX 84
• Mapowanie tablicy za pomocą JSX 85
• Babel 85
• Przepisy kulinarne w postaci kodu JSX 87
• Fragmenty Reacta 93
• Wprowadzenie do narzędzia webpack 94
• Tworzenie projektu 96
• Wczytywanie paczki 104
• Mapowanie źródła 105
• Narzędzie create-react-app 105

6. Zarządzanie informacjami o stanie Reacta 109

• Utworzenie komponentu StarRating 109
• Zaczep useState 111
• Refaktoryzacja dla zapewnienia zaawansowanych możliwości wielokrotnego użycia 115
• Informacje o stanie w drzewie komponentów 117
• Przekazywanie informacji o stanie w dół drzewa komponentów 118
• Przekazywanie interakcji z powrotem w drzewie komponentów 120
• Tworzenie formularzy 124
• Użycie ref 124
• Komponent kontrolowany 126
• Tworzenie zaczepu niestandardowego 127
• Dodawanie danych kolorów do informacji o stanie 129
• Kontekst Reacta 130
• Umieszczenie danych kolorów w kontekście 132
• Pobieranie kolorów za pomocą useContext 133
• Dostawca kontekstu zawierającego informacje o stanie 134
• Zaczepy niestandardowe w kontekście 136

7. Usprawnianie komponentów za pomocą zaczepów 139

• Wprowadzenie zaczepu useEffect 139
• Tablica zależności 142
• Głębokie sprawdzanie zależności 146
• Kiedy należy używać useLayoutEffect? 151
• Reguły, które należy stosować podczas pracy z zaczepami 153
• Usprawnienie kodu za pomocą useReducer 155
• Zaczep useReducer stosowany do obsługi skomplikowanych informacji o stanie 157
• Usprawnienie wydajności działania komponentu 160
• shouldComponentUpdate i PureComponent 162
• Kiedy przeprowadzać refaktoryzację? 163

8. Wykorzystywanie danych 165

• Żądanie danych 165
• Wysyłanie danych w żądaniu 167
• Przekazywanie plików za pomocą metody fetch() 167
• Autoryzacja żądania 168
• Zapisywanie danych lokalnie 169
• Obsługa informacji o stanie obietnic 172
• Generowane właściwości 174
• Listy wirtualizowane 177
• Tworzenie zaczepu useFetch 181
• Tworzenie komponentu Fetch 183
• Obsługa wielu żądań 185
• Zachowywanie wartości 186
• Żądania typu kaskadowego 190
• Ograniczanie szybkości działania sieci 193
• Równocześnie wykonywane żądania 194
• Oczekiwanie na wartości 196
• Anulowanie żądania 197
• Wprowadzenie do GraphQL 200
• API GraphQL serwisu GitHub 200
• Wykonanie żądania GraphQL 202

9. Technologia Suspense 209

• Granice błędu 211
• Podział kodu 214
• Wprowadzenie - komponent Suspense 216
• Użycie komponentu Suspense z danymi 217
• Zgłaszanie obietnicy 220
• Tworzenie źródła danych typu Suspenseful 224
• Algorytm Fiber 228

10. Testowanie kodu tworzonego z użyciem Reacta 231

• ESLint 231
• Wtyczki ESLinta 234
• Prettier 236
• Konfiguracja Prettiera w projekcie 237
• Prettier w VSCode 238
• Sprawdzanie typów w aplikacji pisanej z użyciem Reacta 239
• PropTypes 239
• Flow 242
• TypeScript 245
• Programowanie sterowane testami 248
• TDD i nauka 249
• Wykorzystanie frameworka Jest 249
• Create React App i testy 249
• Testowanie komponentów Reacta 253
• Zapytania 256
• Testowanie zdarzeń 257
• Stosowanie pokrycia kodem 259

11. Router Reacta 261

• Dołączanie routera 262
• Właściwości routera 265
• Trasy zagnieżdżone 267
• Użycie przekierowania 269
• Parametry routingu 271

12. React i serwer 275

• Izomorficzny kontra uniwersalny 275
• Domeny serwera i klienta 276
• Serwer generujący kod Reacta 278
• Generowanie danych za pomocą Next.js 284
• Gatsby 288
• Przyszłość Reacta 290

pokaż cały spis treści

ukryj recenzje