Реагируйте с нуля. Современные модели творчества

Rok wydania: 2021

Oprawa: Miękka

Ilość stron:298

Format: 16.5 x 23.5cm

React od podstaw. Nowoczesne wzorce tworzenia aplikacji. Wydanie II

Eve Porcello, Alex Banks

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ść!

O autorach

Alex Banks i Eve Porcello są inżynierami oprogramowania, wykładowcami i współzałożycielami firmy programistycznej Moon Highway. Stworzyli wiele kursów dostępnych w serwisach LinkedIn Learning i egghead.io, często też występują jako prelegenci i instruktorzy podczas organizowanych na całym świecie warsztatów w zakresie stosowania technologii JavaScript, Node.js, React i GraphQL.

Alex Banks i Eve Porcello są inżynierami oprogramowania, wykładowcami i współzałożycielami firmy programistycznej Moon Highway. Stworzyli wiele kursów dostępnych w serwisach LinkedIn Learning i egghead.io, często też występują jako prelegenci i instruktorzy podczas organizowanych na całym świecie warsztatów w zakresie stosowania technologii JavaScript, Node.js, React i GraphQL.

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