reklama - zainteresowany?

React w dzia - Helion

React w dzia
Autor: Stoyan Stefanov
Tytuł oryginału: React: Up & Running: Building Web Applications, 2nd Edition
ISBN: 978-83-8322-039-0
okładka: mi
Księgarnia: Helion

Książka będzie dostępna od listopada 2022

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

Code, Publish & WebDesing by CATALIST.com.pl



(c) 2005-2024 CATALIST agencja interaktywna, znaki firmowe należą do wydawnictwa Helion S.A.