react 16. framework dla profesjonalistów helion.mobi

(32387 KB) Pobierz
Spis treści
O autorze ..................................................................................................... 17
O recenzencie technicznym ......................................................................... 18
Część I
Rozdział 1.
Rozpoczynanie prac z frameworkiem React .............................19
Twoja pierwsza aplikacja Reacta ................................................................. 21
Przygotowanie środowiska programistycznego ..................................................................21
Instalacja Node.js ..............................................................................................................21
Instalacja pakietu create-react-app ................................................................................22
Instalacja Git ......................................................................................................................23
Instalacja edytora ..............................................................................................................23
Instalacja przeglądarki .....................................................................................................23
Tworzenie projektu .................................................................................................................24
Prezentacja struktury projektu .......................................................................................25
Dodanie frameworka CSS Bootstrap .............................................................................26
Uruchamianie narzędzi dla programistów ...................................................................27
Usuwanie treści zastępczej .....................................................................................................28
Wyświetlanie treści dynamicznych .......................................................................................29
Wyjaśnienie zmian danych stanu ...................................................................................30
Dodawanie możliwości aplikacji listy zadań .......................................................................33
Wyświetlanie zadań do zrobienia ...................................................................................35
Wprowadzanie dodatkowych komponentów .....................................................................38
Stosowanie komponentów podrzędnych ......................................................................40
Ostatnie szlify ...........................................................................................................................41
Zarządzanie prezentacją zakończonych zadań .............................................................42
Trwałe przechowywanie danych ....................................................................................44
Podsumowanie .........................................................................................................................47
Kup książkę
Poleć książkę
SPIS TREŚCI
Rozdział 2.
Zrozumieć React .......................................................................................... 49
Czy powinienem używać Reacta? ......................................................................................... 50
Aplikacje z komunikacją dwukierunkową .................................................................... 50
Aplikacje jednostronicowe .............................................................................................. 50
Problem złożoności aplikacji .......................................................................................... 51
Co muszę wiedzieć? ................................................................................................................. 52
Jak skonfigurować środowisko programistyczne? .............................................................. 52
Jaka jest struktura tej książki? ................................................................................................ 52
Część 1. Początki stosowania frameworka React ......................................................... 52
Część 2. Praca z frameworkiem React ........................................................................... 52
Część 3. Tworzenie złożonych aplikacji Reacta ........................................................... 53
Czy w książce jest dużo przykładów? ................................................................................... 53
Skąd pobrać kody źródłowe przykładów? ........................................................................... 54
Gdzie szukać informacji o poprawkach? ............................................................................. 55
Podsumowanie ......................................................................................................................... 55
Rozdział 3.
Podstawy HTML, JSX i CSS ........................................................................... 57
Przygotowania do prac w tym rozdziale .............................................................................. 57
Przygotowanie pliku HTML i komponentu ................................................................. 58
Uruchamianie przykładowej aplikacji ........................................................................... 59
Język HTML i elementy DOM .............................................................................................. 60
Treść elementu .................................................................................................................. 61
Atrybuty ............................................................................................................................. 63
Dynamiczne zmienianie elementów HTML ................................................................ 63
Dynamiczne tworzenie elementów przy użyciu klasy Component .......................... 65
Stosowanie wyrażeń w elementach Reacta .......................................................................... 66
Łączenie wyrażeń i treści statycznych ........................................................................... 67
Wykonywanie obliczeń w wyrażeniach ........................................................................ 67
Dostęp do właściwości i metod komponentu .............................................................. 69
Stosowanie wyrażeń do ustawiania wartości właściwości .......................................... 70
Stosowanie wyrażeń do obsługi zdarzeń ....................................................................... 71
Prezentacja frameworka Bootstrap ....................................................................................... 72
Stosowanie klas frameworka Bootstrap ........................................................................ 72
Stosowanie frameworka Bootstrap do tworzenia siatek ............................................. 74
Stosowanie frameworka Bootstrap w tabelach ............................................................. 75
Stosowanie frameworka Bootstrap w formularzach ................................................... 77
Podsumowanie ......................................................................................................................... 78
Rozdział 4.
Podstawy JavaScriptu .................................................................................. 79
Przygotowania do lektury tego rozdziału ............................................................................ 79
Stosowanie instrukcji .............................................................................................................. 82
Definiowanie i stosowanie funkcji ........................................................................................ 82
Definiowanie funkcji z parametrami ............................................................................. 83
Definiowanie funkcji zwracających wyniki .................................................................. 85
Stosowanie funkcji jako argumentów innych funkcji ................................................. 86
Stosowanie zmiennych i typów ............................................................................................. 87
Stosowanie typów prostych ............................................................................................. 89
6
Kup książkę
Poleć książkę
SPIS TREŚCI
Stosowanie operatorów JavaScriptu .....................................................................................91
Stosowanie instrukcji warunkowych .............................................................................92
Porównanie operatorów równości i identyczności ......................................................93
Jawna konwersja typów ...................................................................................................94
Stosowanie tablic .....................................................................................................................95
Stosowanie literału tablicowego .....................................................................................96
Odczyt i modyfikacja zawartości tablic .........................................................................96
Wyliczanie zawartości tablic ...........................................................................................97
Stosowanie operatora rozproszenia ...............................................................................97
Stosowanie wbudowanych metod tablicowych ............................................................98
Stosowanie obiektów .............................................................................................................100
Stosowanie literałów obiektowych ...............................................................................101
Stosowanie funkcji jako metod .....................................................................................102
Stosowanie klas ...............................................................................................................103
Kopiowanie właściwości z jednego obiektu do drugiego .........................................104
Przechwytywanie nazw parametrów z obiektów .......................................................106
Tworzenie i stosowanie modułów JavaScript ....................................................................107
Tworzenie i użycie modułu JavaScript ........................................................................107
Eksportowanie z modułów możliwości nazwanych ..................................................109
Definiowanie wielu możliwości nazwanych w jednym module ..............................110
Obietnice języka JavaScript ..................................................................................................112
Wyjaśnienie problemu operacji asynchronicznych ...................................................112
Stosowanie obietnic ........................................................................................................113
Upraszczanie kodu asynchronicznego ........................................................................114
Podsumowanie .......................................................................................................................115
Rozdział 5.
SportsStore — prawdziwa aplikacja Reacta .............................................. 117
Przygotowanie projektu ........................................................................................................118
Instalacja dodatkowych pakietów NPM ......................................................................118
Dodanie do projektu arkuszy stylów CSS ...................................................................120
Przygotowanie usługi internetowej ..............................................................................121
Uruchomienie przykładowej aplikacji .........................................................................123
Tworzenie magazynu danych ..............................................................................................123
Tworzenie akcji magazynu danych oraz kreatorów akcji .........................................124
Tworzenie możliwości funkcjonalnych sklepu .................................................................126
Tworzenie komponentów produktu i kategorii .........................................................127
Połączenie magazynu danych z mechanizmem trasowania .....................................130
Dodanie komponentu Shop do aplikacji ....................................................................132
Poprawa przycisków wyboru kategorii .......................................................................133
Dodawanie koszyka ...............................................................................................................135
Rozbudowa magazynu danych .....................................................................................135
Tworzenie komponentu CartSummary ......................................................................137
Dodawanie komponentu szczegółów koszyka ...........................................................141
Dodanie koszyka do konfiguracji trasowania ............................................................143
Podsumowanie .......................................................................................................................145
7
Kup książkę
Poleć książkę
SPIS TREŚCI
Rozdział 6.
SportsStore — REST i kasa ........................................................................ 147
Przygotowania do prac w tym rozdziale ............................................................................ 147
Korzystanie z internetowej usługi typu RESTful .............................................................. 147
Tworzenie pliku konfiguracyjnego .............................................................................. 149
Tworzenie źródła danych .............................................................................................. 149
Rozszerzanie możliwości magazynu danych .............................................................. 150
Aktualizacja kreatorów akcji ......................................................................................... 151
Podział danych na strony ..................................................................................................... 151
Wyjaśnienie wsparcia dla stronicowania w usłudze internetowej .......................... 153
Zmiana żądania HTTP oraz akcji ................................................................................ 155
Tworzenie komponentu wczytującego dane .............................................................. 156
Aktualizacja komponentu konektora sklepu ............................................................. 157
Aktualizacja przycisku kategorii Wszystkie ............................................................... 159
Tworzenie kontrolek stronicowania ............................................................................ 160
Dodanie obsługi składania zamówienia ............................................................................. 165
Rozbudowa usługi typu RESTful i źródła danych ..................................................... 166
Tworzenie formularza zamówienia ............................................................................. 168
Uproszczenie komponentu konektora sklepu .................................................................. 175
Podsumowanie ....................................................................................................................... 176
Rozdział 7.
SportsStore — administracja ..................................................................... 177
Przygotowania do lektury tego rozdziału .......................................................................... 177
Uruchamianie aplikacji ................................................................................................. 178
Tworzenie usługi GraphQL ................................................................................................. 179
Definiowanie schematu GraphQL-a ........................................................................... 179
Definiowanie resolwerów GraphQL-a ........................................................................ 180
Aktualizacja serwera ...................................................................................................... 182
Tworzenie narzędzi administracyjnych do zarządzania zamówieniami ....................... 184
Definiowanie tabeli zamówień ..................................................................................... 185
Zdefiniowanie komponentu konektora ...................................................................... 186
Konfiguracja klienta GraphQL-a ................................................................................. 189
Konfigurowanie mutacji ................................................................................................ 191
Tworzenie narzędzi zarządzania produktami ................................................................... 192
Połączenie komponentu tabeli produktów ................................................................. 194
Tworzenie komponentów do edycji ............................................................................ 197
Aktualizacja konfiguracji trasowania .......................................................................... 199
Podsumowanie ....................................................................................................................... 202
Rozdział 8.
SportsStore — uwierzytelnianie i wdrażanie ............................................ 203
Przygotowania do prac w tym rozdziale ............................................................................ 203
Dodanie uwierzytelniania do żądań GraphQL-a .............................................................. 206
Przedstawienie systemu uwierzytelniania .................................................................. 207
Tworzenie kontekstu uwierzytelniania ....................................................................... 208
Tworzenie formularza uwierzytelniającego ................................................................ 211
Zabezpieczanie narzędzi administracyjnych .............................................................. 212
Dodanie odnośników do narzędzi administracyjnych ............................................. 213
8
Kup książkę
Poleć książkę
Zgłoś jeśli naruszono regulamin