React sÅ‚uży do budowy zÅ‚ożonych jednostronicowych aplikacji WWW. Jest bibliotekÄ… jÄ™zyka JavaScript, utworzonÄ… i udostÄ™pnianÄ… przez Facebook na licencji open source. Biblioteka ta oferuje wiele gotowych komponentów i innych przydatnych funkcji. Pozwala rozwiÄ…zywać czÄ™sto powtarzajÄ…ce siÄ™ i uciążliwe problemy programistyczne w zaskakujÄ…co prosty sposób. Pierwsze próby programowania przy użyciu biblioteki React mogÄ… jednak sprawiać trudnoÅ›ci. Podobnie jak z innymi narzÄ™dziami dla profesjonalistów - aby docenić jej zalety, trzeba jÄ… poznać.

Ta książka jest jedynym w swoim rodzaju praktycznym przewodnikiem po bibliotece React - przejrzystym i przystÄ™pnym. Zawiera wskazówki uÅ‚atwiajÄ…ce bÅ‚yskawiczny start w tworzeniu efektownych i efektywnych aplikacji WWW. Nawet programista, który pierwszy raz ma do czynienia z tym narzÄ™dziem, bÄ™dzie mógÅ‚ w krótkim czasie napisać i uruchomić swojÄ… aplikacjÄ™. W książce zamieszczono setki przykÅ‚adów omawiajÄ…cych krok po kroku zastosowanie poszczególnych funkcji, a zÅ‚ożone pojÄ™cia wyjaÅ›niono za pomocÄ… trafnych ilustracji. W ten sposób można sobie znacznie uproÅ›cić tworzenie nawet bardzo skomplikowanych elementów interfejsu aplikacji!

W tej książce między innymi:

• tworzenie aplikacji za pomocÄ… biblioteki React
• pisanie komponentów definiujÄ…cych elementy interfejsu użytkownika
• zarzÄ…dzanie stanami aplikacji i jej danymi
• cykl życia komponentów
• tworzenie wielostronicowych aplikacji

Oto React: znakomity efekt w krótkim czasie!

Osoby które kupowały "React i Redux. Praktyczne tworzenie aplikacji WWW. Wydanie II", wybierały także:

• Windows Media Center. Domowe centrum rozrywki 66,67 zÅ‚, (8,00 zÅ‚ -88%)
• 66,67 zÅ‚, (14,00 zÅ‚ -79%)
• Superinteligencja. Scenariusze, strategie, zagro 66,67 zÅ‚, (14,00 zÅ‚ -79%)
• Przywództwo w Å›wiecie VUCA. Jak być skutecznym liderem w niepewnym Å›rodowisku 58,64 zÅ‚, (12,90 zÅ‚ -78%)
• Twoja firma w social mediach. Podr 58,33 zÅ‚, (14,00 zÅ‚ -76%)

Spis treści

React i Redux. Praktyczne tworzenie aplikacji WWW. Wydanie II -- 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
  • Punkt wyjÅ›cia 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
  • Punkt wyjÅ›cia 110
• 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