React od podstaw. Nowoczesne wzorce tworzenia aplikacji. Wydanie II - ebook

JavaScript jest obecnie pełnowartościowym językiem programowania - wszechstronnym, elastycznym i pozwalającym na tworzenie wydajnego kodu. Społeczność skupiona wokół JavaScriptu udostępniła wiele przydatnych frameworków i bibliotek. Wśród nich wyjątkowo ciekawą propozycją jest React - popularna biblioteka przeznaczona do tworzenia nowoczesnych, dynamicznych aplikacji. To narzędzie, które w stosunkowo prosty sposób pozwala na pełne wykorzystanie możliwości nowoczesnych przeglądarek i urządzeń mobilnych - wystarczy wiedzieć, jak technologie JavaScript, CSS i HTML działają w przeglądarce WWW.

W tej przystępnej, zajmująco napisanej książce znajdziesz nie tylko dokładne omówienie biblioteki React, ale też podstawowe koncepcje JavaScriptu, testowania i debugowania oraz zarządzania informacjami o stanie. Przedstawiono tu aktualne i wnikliwe informacje o najlepszych praktykach i wzorcach stosowanych podczas tworzenia nowoczesnego kodu Reacta. Pokazano, jak budować interfejs użytkownika pozwalający na zmianę treści strony bez jej odświeżania. Zaprezentowano również podstawy programowania funkcyjnego z użyciem najnowszych funkcji oferowanych przez ECMAScript. Dzięki temu przewodnikowi dowiesz się, jak tworzyć komponenty Reacta, korzystać z routera Reacta, a także generować i testować serwery. Poszczególne informacje zostały uporządkowane i podane w sposób ułatwiający natychmiastowe rozpoczęcie pracy z tą świetną biblioteką.

W książce między innymi:

• kluczowe koncepcje programowania funkcyjnego w JavaScripcie
• działanie Reacta w przeglądarce WWW
• tworzenie warstwy prezentacji aplikacji
• debugowanie aplikacji Reacta
• zaczepy Reacta i korzystanie z routingu
• aplikacja Reacta klient-serwer

React: śmiało sięgaj po efektywność i nowoczesność!

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