React od podstaw. Nowoczesne wzorce tworzenia aplikacji. Wydanie II - ebook
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ść!
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
Kategoria: | Programowanie |
Zabezpieczenie: |
Watermark
|
ISBN: | 978-83-283-7290-0 |
Rozmiar pliku: | 4,5 MB |