React od podstaw. Nowoczesne wzorce tworzenia aplikacji Bytom

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