Kirupa Chinnathambi jest menedżerem programowania w Microsofcie. Od dzieciństwa pisze kod i animacje komputerowe, jednak jego prawdziwą pasją jest tworzenie stron WWW. Od kilkunastu lat uczy innych tej sztuki: publikuje poradniki na swojej stronie kirupa.com, pisze artykuły i książki, nagrał również sporo filmików, które można znaleźć na stronach serwisu YouTube. W wolnych chwilach grywa w gry wideo, chodzi na koncerty, ogląda filmy i spędza czas z przyjaciółmi.
Spis treści
O autorze 11
Podziękowania 11
Rozdział 1. Wstęp do biblioteki React 13
- Stara szkoła - witryny wielostronowe 14
- Nowa szkoła - witryny jednostronowe 15
- Przedstawiamy React 18
- Automatyczne zarządzanie stanem interfejsu użytkownika 18
- Błyskawiczne modyfikowanie modelu DOM 19
- Interfejsy API do tworzenia naprawdę rozbudowanych interfejsów użytkownika 20
- Elementy interfejsu zdefiniowane całkowicie w języku JavaScript 21
- Tylko V w architekturze MVC 22
- Podsumowanie 23
Rozdział 2. Twoja pierwsza aplikacja React 25
- Język JSX 26
- Pierwsze kroki z React 27
- Wyświetlenie imienia 28
- To wszystko jest dobrze znane 30
- Zmiana miejsca docelowego 30
- Trochę stylu! 31
- Podsumowanie 33
Rozdział 3. Komponenty biblioteki React 35
- Krótkie przypomnienie funkcji 36
- Zmiana obsługi interfejsu użytkownika 37
- Komponent React 39
- Utworzenie komponentu "Witaj, świecie!" 40
- Właściwości 43
- Operacja 1.: zmiana definicji komponentu 43
- Operacja 2.: zmiana wywołania komponentu 43
- Dzieci komponentu 44
- Podsumowanie 45
Rozdział 4. Style w bibliotece React 47
- Wyświetlenie kilku samogłosek 47
- Stylizowanie treści za pomocą reguł CSS 49
- Struktura generowanego kodu HTML 49
- Nadajmy styl wreszcie! 50
- Stylizowanie treści według React 51
- Tworzenie obiektu stylizującego 52
- Właściwa stylizacja treści 53
- Dostosowywanie koloru tła 54
- Podsumowanie 54
Rozdział 5. Tworzenie złożonych komponentów 57
- Od elementów interfejsu do komponentów 57
- Określenie głównych elementów wizualnych 58
- Określenie potrzebnych komponentów 61
- Tworzenie komponentów 63
- Komponent Card 64
- Komponent Square 65
- Komponent Label 66
- Znowu przekazywanie właściwości! 68
- Dlaczego możliwość łączenia komponentów jest super? 70
- Podsumowanie 71
Rozdział 6. Przekazywanie właściwości 73
- Opis problemu 73
- Szczegółowy opis problemu 75
- Poznaj operator rozciągania 79
- Lepszy sposób przekazywania właściwości 80
- Podsumowanie 82
Rozdział 7. Witamy ponownie JSX! 83
- Co się dzieje z kodem JSX? 83
- Atuty JSX, które trzeba znać 84
- Wyrażenia 85
- Zwracanie wielu elementów 85
- Nie można definiować stylów CSS w kodzie 87
- Komentarze 87
- Wielkości liter, elementy HTML i komponenty 88
- Kod JSX można stosować wszędzie 89
- Podsumowanie 89
Rozdział 8. Obsługa stanów w React 91
- Stosowanie stanów 91
- Włączenie licznika 93
- Określanie początkowej wartości stanu 94
- Uruchomienie czasomierza i ustawienie stanu 95
- Wizualizacja zmiany stanu 97
- Opcja: pełny kod 97
- Podsumowanie 99
Rozdział 9. Od danych do interfejsu użytkownika 101
- Przykład 101
- Kod JSX można stosować wszędzie (część II) 103
- Tablice 104
- Podsumowanie 106
Rozdział 10. Zdarzenia w React 109
- Nasłuchiwanie i obsługiwanie zdarzeń 109
- Przygotowanie przycisku do reagowania na kliknięcie 112
- Właściwości zdarzenia 113
- Poznaj zdarzenia syntetyczne 114
- Korzystanie z właściwości zdarzeń 115
- Więcej o zawiłościach zdarzeń 116
- Zdarzeń nie można nasłuchiwać bezpośrednio w komponentach 116
- Nasłuchiwanie zwykłych zdarzeń modelu DOM 118
- Obiekt this w procedurze obsługi zdarzenia 119
- React, ale dlaczego? 120
- Kompatybilność ze starszymi przeglądarkami 120
- Większa wydajność 120
- Podsumowanie 120
Rozdział 11. Cykl życia komponentu 123
- Poznaj metody cyklu życia 123
- Metody cyklu życia w akcji 124
- Faza pierwszego wyświetlenia 127
- Faza aktualizacji 128
- Faza odmontowania 131
- Podsumowanie 131
Rozdział 12. Dostęp do elementów DOM w bibliotece React 133
- Aplikacja Koloryzator 135
- Poznaj referencje 137
- Portale 140
- Podsumowanie 143
Rozdział 13. Konfiguracja środowiska React bez stresu 145
- Przedstawiamy projekt Create React 147
- Opis utworzonego projektu 149
- Utworzenie aplikacji "Witaj, świecie!" 152
- Kompilacja wersji produkcyjnej 155
- Podsumowanie 155
Rozdział 14. Przetwarzanie zewnętrznych danych w aplikacji React 157
- Podstawy zapytań HTTP 159
- Czas na React! 160
- Pierwsze kroki 161
- Uzyskanie adresu IP 162
- Upiększenie aplikacji 164
- Podsumowanie 167
Rozdział 15. Niebanalna lista zadań 169
- Pierwsze kroki 171
- Utworzenie początkowego interfejsu użytkownika 172
- Utworzenie pozostałej części aplikacji 173
- Dodawanie zadań 173
- Wyświetlanie zadań 176
- Stylizacja aplikacji 179
- Usuwanie zadań 180
- Animacje! 182
- Podsumowanie 184
Rozdział 16. Tworzenie wysuwanego menu za pomocą biblioteki React 185
- Jak działa wysuwane menu? 185
- Przygotowanie wysuwanego menu 188
- Pierwsze kroki 190
- Wyświetlanie i ukrywanie menu 192
- Utworzenie przycisku 193
- Utworzenie menu 194
- Podsumowanie 196
Rozdział 17. Zapobieganie niepotrzebnemu wyświetlaniu komponentów 197
- Metoda render() 197
- Optymalizacja wywołań metody render() 199
- Kontynuacja przykładu 199
- Monitorowanie wywołań metod render() 200
- Modyfikacja aktualizacji komponentu 203
- Komponent PureComponent 204
- Podsumowanie 205
Rozdział 18. Tworzenie jednostronowej aplikacji za pomocą biblioteki React Router 207
- Przykład 208
- Pierwsze kroki 209
- Tworzenie jednostronowej aplikacji 210
- Wyświetlenie początkowej ramki 210
- Utworzenie widoków z treścią 211
- Biblioteka React Router 213
- Kilka poprawek 215
- Korekta procesu kierowania 215
- Dodanie stylu 216
- Wyróżnienie aktywnego odnośnika 217
- Podsumowanie 218
Rozdział 19. Wprowadzenie do biblioteki Redux 219
- Czym jest Redux? 220
- Prosta aplikacja wykorzystująca bibliotekę Redux 223
- Czas na bibliotekę Redux 223
- Światło, kamera, akcja! 224
- Reduktor 225
- Magazyn 227
- Podsumowanie 228
Rozdział 20. Stosowanie bibliotek React i Redux 229
- Biblioteki React i Redux oraz zarządzanie stanem aplikacji 234
- Wspólne funkcjonalności bibliotek React i Redux 234
- Przygotowanie 237
- Utworzenie aplikacji 237
Skorowidz 243
