react w działaniu. tworzenie aplikacji internetowych. wydanie ii ebook.pdf

(10148 KB) Pobierz
•
Kup książkę
•
Poleć książkę
•
Oceń książkę
•
Księgarnia internetowa
•
Lubię to! » Nasza społeczność
Spis treści
Wstęp..................................................................................................................... 11
1. Witaj, świecie ........................................................................................................ 15
Konfiguracja
Witaj, świecie React
Co tu się wydarzyło?
React.createElement()
JSX
Konfiguracja biblioteki Babel
Witaj, świecie JSX
O transpilacji
15
16
17
18
20
20
21
21
Co dalej: niestandardowe komponenty
22
2. Życie komponentu ................................................................................................. 23
Niestandardowy komponent funkcyjny
Wersja JSX
23
24
Niestandardowy komponent klasowy
Którą składnię wybrać?
24
25
Właściwości
Właściwości w komponentach funkcyjnych
Domyślne właściwości
25
27
27
Stan
Komponent obszaru tekstowego
Komponent ze stanem
Uwaga na temat zdarzeń DOM
Obsługa zdarzeń w dawnych czasach
Obsługa zdarzeń w bibliotece React
Składnia obsługi zdarzeń
28
29
30
32
32
33
34
Props kontra state
35
5
Kup książkę
Poleć książkę
Props w stanie początkowym: antywzorzec
Dostęp do komponentu z zewnątrz
Metody cyklu życia
Przykład cyklu życia: zaloguj wszystko
Paranoiczna ochrona stanu
35
35
37
38
39
Przykład cyklu życia: użycie komponentu potomnego
Zysk wydajnościowy: zapobieganie aktualizacjom komponentów
Co się stało z komponentami funkcyjnymi?
40
42
43
3. Excel — komponent eleganckiej tabeli .................................................................. 44
Przede wszystkim dane
Pętla nagłówków tabeli
Krótka wersja pętli nagłówków tabeli
Debugowanie ostrzeżeń konsoli
Dodawanie zawartości <td>
propTypes
Jak ulepszyć komponent?
44
45
46
47
48
50
52
Sortowanie
Jak ulepszyć komponent?
52
54
Oznaczenia sortowania w interfejsie użytkownika
Edycja danych
Komórka edytowalna
Komórka z polem tekstowym
Zapisywanie
Konkluzje i różnice w wirtualnym drzewie DOM
54
55
56
58
58
59
Wyszukiwanie
Stan i interfejs użytkownika
Filtrowanie zawartości
Aktualizowanie metody save()
Jak ulepszyć wyszukiwanie?
60
62
64
66
66
Natychmiastowa odpowiedź
Czyszczenie metod obsługi zdarzeń
Sprzątanie
Jak ulepszyć ponowne odtwarzanie?
Alternatywna implementacja?
66
68
69
70
70
Pobieranie danych tablicy
Pobieranie danych
71
72
4. Funkcyjny komponent Excel ................................................................................... 74
Krótkie przypomnienie: komponenty funkcyjne kontra komponenty klasowe
Renderowanie danych
Hook stanu
6
|
Spis treści
Poleć książkę
74
75
76
Kup książkę
Sortowanie tabeli
Edycja danych
Wyszukiwanie
Cykl życia w świecie hooków
Problemy związane z metodami cyklu życia
useEffect()
Sprzątanie skutków ubocznych
Bezproblemowe cykle życia
useLayoutEffect()
77
79
81
81
81
82
83
84
85
Niestandardowy hook
Finalizowanie odtwarzania
useReducer
Funkcje typu reducer
Akcje
Przykładowy reducer
Testy jednostkowe funkcji typu reducer
87
89
90
90
90
91
93
Komponent Excel z użyciem funkcji typu reducer
94
5. JSX ......................................................................................................................... 97
Kilka narzędzi
Białe znaki w JSX
Komentarze w JSX
Encje HTML
Zapobieganie XSS
97
99
100
101
102
Atrybuty rozszczepiania
Atrybuty rozszczepiania przekazywane przez obiekt nadrzędny do potomka
103
103
Zwracanie wielu węzłów w JSX
Wrapper
Fragment
Tablica
105
105
106
106
Różnice między JSX a HTML
Brak słów class i for
style jest obiektem
Znaczniki zamykające
Atrybuty w notacji camelCase
107
107
107
108
108
Komponenty z przestrzeniami nazw
JSX i formularze
Obsługa zdarzenia onChange
value a defaultValue
Parametr value elementu <textarea>
Wartość elementu <select>
Komponenty kontrolowane i niekontrolowane
Spis treści
Kup książkę
109
110
110
111
112
112
113
|
7
Poleć książkę

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin