React od podstaw. Nowoczesne wzorce tworzenia

React od podstaw. Nowoczesne wzorce tworzenia - Opis

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 (...) więcej 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 mniej