Zobacz także:

• Windows Media Center. Domowe centrum rozrywki 66,67 zÅ‚, (8,00 zÅ‚ -88%)
• Ruby on Rails. Ćwiczenia 18,75 zÅ‚, (3,00 zÅ‚ -84%)
• Przywództwo w Å›wiecie VUCA. Jak być skutecznym liderem w niepewnym Å›rodowisku 58,64 zÅ‚, (12,90 zÅ‚ -78%)
• Scrum. O zwinnym zarzÄ…dzaniu projektami. Wydanie II rozszerzone 58,64 zÅ‚, (12,90 zÅ‚ -78%)
• Od hierarchii do turkusu, czyli jak zarzÄ…dzać w XXI wieku 58,64 zÅ‚, (12,90 zÅ‚ -78%)

Spis treści

React w działaniu. Tworzenie aplikacji internetowych. Wydanie II -- spis treści

Wstęp

Rozdział 1. Witaj, świecie

• Konfiguracja
• Witaj, Å›wiecie React
• Co tu siÄ™ wydarzyÅ‚o?
• React.createElement()
• JSX
  • Konfiguracja biblioteki Babel
  • Witaj, Å›wiecie JSX
  • O transpilacji
• Co dalej: niestandardowe komponenty

Rozdział 2. Życie komponentu

• Niestandardowy komponent funkcyjny
  • Wersja JSX
• Niestandardowy komponent klasowy
  • KtórÄ… skÅ‚adniÄ™ wybrać?
• WÅ‚aÅ›ciwoÅ›ci
  • WÅ‚aÅ›ciwoÅ›ci w komponentach funkcyjnych
  • DomyÅ›lne wÅ‚aÅ›ciwoÅ›ci
• 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Å„
• Props kontra state
• 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
• PrzykÅ‚ad cyklu życia: użycie komponentu potomnego
• Zysk wydajnoÅ›ciowy: zapobieganie aktualizacjom komponentów
• Co siÄ™ staÅ‚o z komponentami funkcyjnymi?

Rozdział 3. Excel - komponent eleganckiej tabeli

• 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?
• Sortowanie
  • Jak ulepszyć komponent?
• 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
• Wyszukiwanie
  • Stan i interfejs użytkownika
  • Filtrowanie zawartoÅ›ci
  • Aktualizowanie metody save()
  • Jak ulepszyć wyszukiwanie?
• Natychmiastowa odpowiedź
  • Czyszczenie metod obsÅ‚ugi zdarzeÅ„
  • SprzÄ…tanie
  • Jak ulepszyć ponowne odtwarzanie?
  • Alternatywna implementacja?
• Pobieranie danych tablicy
• Pobieranie danych

Rozdział 4. Funkcyjny komponent Excel

• Krótkie przypomnienie: komponenty funkcyjne kontra komponenty klasowe
• Renderowanie danych
• Hook stanu
• 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()
• Niestandardowy hook
• Finalizowanie odtwarzania
• useReducer
  • Funkcje typu reducer
  • Akcje
  • PrzykÅ‚adowy reducer
  • Testy jednostkowe funkcji typu reducer
• Komponent Excel z użyciem funkcji typu reducer
• Kilka narzÄ™dzi

Rozdział 5. JSX

• BiaÅ‚e znaki w JSX
• Komentarze w JSX
• Encje HTML
  • Zapobieganie XSS
• Atrybuty rozszczepiania
  • Atrybuty rozszczepiania przekazywane przez obiekt nadrzÄ™dny do potomka
• Zwracanie wielu wÄ™zÅ‚ów w JSX
  • Wrapper
  • Fragment
  • Tablica
• Różnice miÄ™dzy JSX a HTML
  • Brak sÅ‚ów class i for
  • style jest obiektem
  • Znaczniki zamykajÄ…ce
  • Atrybuty w notacji camelCase
• 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

Rozdział 6. Konfiguracja na potrzeby rozwoju aplikacji

• Create React App
  • Node.js
  • Witaj, CRA
  • Budowanie i wdrażanie
  • PojawiÅ‚y siÄ™ pomyÅ‚ki
• package.json i node_modules
• PrzeglÄ…damy kod
  • Indeksy
  • Zmodernizowany JavaScript
  • CSS
• Dalsze kroki

RozdziaÅ‚ 7. Budowanie komponentów aplikacji

• Konfiguracja
• Zacznij pisać kod
• Refaktoryzacja komponentu Excel
• Wersja 0.0.1 nowej aplikacji
• CSS
• Magazyn lokalny
• Komponenty
  • Wykrywanie
• Logo i ciaÅ‚o
  • Logo
  • Body
  • Wykrywalność
• Komponent <Button>
  • Button.js
  • Pakiet classnames
• Formularze
  • <Suggest>
  • Komponent <Rating>
  • "Fabryka" <FormInput>
  • <Form>
• <Actions>
• Okna dialogowe
• NagÅ‚ówek
• Konfiguracja aplikacji
• Nowy i ulepszony <Excel>
  • Ogólna struktura
  • Renderowanie
  • React.Strict i funkcje typu reducer
  • Funkcje pomocnicze komponentu Excel

Rozdział 8. Gotowa aplikacja

• Uaktualniony plik App.js
• Komponent DataFlow
  • CiaÅ‚o funkcji DataFlow
• Zadanie gotowe
  • Whinepad v2
• Kontekst
• NastÄ™pne kroki
  • Dane cykliczne
• Dostarczanie kontekstu
• Konsumowanie kontekstu
  • Kontekst w komponencie Header
  • Kontekst w tabeli danych
• Aktualizacja komponentu Discovery
• Routing
  • Kontekst trasy
  • Korzystanie z adresu URL Filter
  • Konsumowanie kontekstu trasy w komponencie Header
  • Konsumowanie kontekstu trasy w tabeli danych
  • useCallback()
• Koniec