React i Redux Praktyczne tworzenie aplikacji WWW Wydanie II.pdf

(3615 KB) Pobierz
Tytuł oryginału: Learning React: A Hands-On Guide to Building Web Applications Using React and Redux
(2nd Edition)
Tłumaczenie: Andrzej Watrak
ISBN: 978-83-283-4726-7
Authorized translatlon from the English language edition, entitIed: LEARNING REACT: A HANDS-ON
GUIDE TO BUILDING WEB APPLICATIONS USING REACT AND REDUX, Second Edition; ISBN
013484355X; by Kirupa Chinnathambi; published by Pearson Education, Inc, publishing as Addison-Wesley
Professional.
Copyright © 2018 by Pearson Education, Inc.
All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means,
elcetronie or mechanical, including photocopying, recording or by any information storage retrieval system,
without permission from Pearson Education, Inc.
Polish language edition published by HELION SA. Copyright ©2019.
Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej
publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną,
fotograficzną, a także kopiowanie książki na nośniku filmowym, magnetycznym lub innym powoduje
naruszenie praw autorskich niniejszej publikacji.
Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi ich
właścicieli.
Autor oraz Helion SA dołożyli wszelkich starań, by zawarte w tej książce informacje były kompletne
i rzetelne. Nie biorą jednak żadnej odpowiedzialności ani za ich wykorzystanie, ani za związane z tym
ewentualne naruszenie praw patentowych lub autorskich. Autor oraz Helion SA nie ponoszą również żadnej
odpowiedzialności za ewentualne szkody wynikłe z wykorzystania informacji zawartych w książce.
Helion SA
ul. Kościuszki 1c, 44-100 GLIWICE
tel. 32 231 22 19, 32 230 98 63
e-mail:
helion@helion.pl
WWW:
http://helion.pl
(księgarnia internetowa, katalog książek)
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie/rerew2
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
Printed in Poland.
•
Kup książkę
•
Poleć książkę
•
Oceń książkę
•
Księgarnia internetowa
•
Lubię to! » Nasza społeczność
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
Kup książkę
Poleć książkę
6
React i Redux. Praktyczne tworzenie aplikacji WWW
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
Kup książkę
Poleć książkę
Spis treści
Opcja: pełny kod ..................................................................................97
Podsumowanie ....................................................................................99
7
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
Kup książkę
Poleć książkę

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin