Details zum E-Book

React od podstaw. Nowoczesne wzorce tworzenia aplikacji. Wydanie II

React od podstaw. Nowoczesne wzorce tworzenia aplikacji. Wydanie II

Eve Porcello, Alex Banks

E-book

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
  • Titel: React od podstaw. Nowoczesne wzorce tworzenia aplikacji. Wydanie II
  • Autor: Eve Porcello, Alex Banks
  • Originaler Titel: Learning React: Modern Patterns for Developing React Apps, 2nd Edition
  • Übersetzung: Agnieszka Górczyńska
  • ISBN: 978-83-283-7290-0, 9788328372900
  • Veröffentlichungsdatum: 2021-02-09
  • Format: E-book
  • Artikelkennung: reaop2
  • Verleger: Helion