React jest bibliotek

Osoby które kupowały "React. Opanuj do perfekcji tworzenie aplikacji internetowych nowej generacji", wybierały także:

• D3.js w akcji 67,42 zÅ‚, (20,90 zÅ‚ -69%)
• Tablice informatyczne. Node.js 16,86 zÅ‚, (5,90 zÅ‚ -65%)
• AngularJS. Kurs video. Poziom pierwszy. Tworzenie aplikacji 119,00 zÅ‚, (47,60 zÅ‚ -60%)
• Algorytmy i struktury danych. Kurs video. Java, JavaScript, Python 89,00 zÅ‚, (40,05 zÅ‚ -55%)
• Angular 11. Kurs video. Poznaj moc tworzenia aplikacji typu SPA 129,00 zÅ‚, (58,05 zÅ‚ -55%)

Spis treści

React. Opanuj do perfekcji tworzenie aplikacji internetowych nowej generacji -- spis treści

Przedmowa

Wprowadzenie

1. Podstawy

• SkÄ…d bierze siÄ™ popularność Reacta?
• Åšwiat aplikacji internetowych przed pojawieniem siÄ™ Reacta
  • jQuery
  • Backbone.js
  • Knockout
  • AngularJS
• Poznaj Reacta
  • Wartość propozycji Reacta
  • Wydanie Reacta
  • Architektura Flux
  • Zalety architektury Flux
• SkÄ…d tak duże znaczenie Reacta?
• Podsumowanie
• Pytania
• Co dalej?

2. JSX

• JavaScript XML?
• Zalety kodu w JSX
• Wady kodu JSX
• Mechanizm dziaÅ‚ania skÅ‚adni JSX
  • Jak dziaÅ‚a kod?
  • Rozszerzanie skÅ‚adni JavaScriptu za pomocÄ… JSX
• JSX Pragma
• Wyrażenia
• Podsumowanie
• Pytania
• Co dalej?

3. Wirtualny model DOM

• Wprowadzenie do wirtualnego modelu DOM
• Rzeczywisty model DOM
  • Problemy podczas pracy z rzeczywistym modelem DOM
  • Fragmenty dokumentu
• Jak dziaÅ‚a wirtualny model DOM?
  • Elementy Reacta
  • Wirtualny kontra rzeczywisty model DOM
  • Efektywne uaktualnienia
• Podsumowanie
• Pytania
• Co dalej?

4. Rekoncyliacja

• Rekoncyliacja
• Przetwarzanie wsadowe
• Poprzednie rozwiÄ…zanie
  • Stary stos rekoncyliacji
• Mechanizm rekoncyliacji Fiber
  • Fiber jako struktura danych
  • Podwójne buforowanie
  • Proces rekoncyliacji Fiber
• Podsumowanie
• Pytania
• Co dalej?

5. Zaawansowane wzorce i najczęściej pojawiające się pytania

• Memoizacja za pomocÄ… wywoÅ‚ania React.memo()
  • Nabycie biegÅ‚oÅ›ci w posÅ‚ugiwaniu siÄ™ wywoÅ‚aniem React.memo()
  • WykorzystujÄ…ce technikÄ™ memoizacji komponenty, które nadal sÄ… ponownie generowane
  • To zalecenie, a nie reguÅ‚a
• Memoizacja za pomocÄ… useMemo
  • Użycie zaczepu useMemo uznawane za szkodliwe
  • Zapomnij o tym wszystkim
• Wczytywanie z opóźnieniem
  • WiÄ™ksza kontrola nad interfejsem użytkownika dziÄ™ki komponentowi Suspense
• Zaczepy useState i useReducer
  • Immer i ergonomia
• Zaawansowane wzorce
  • Komponenty prezentacyjne/kontenery
  • Komponent wyższego rzÄ™du
  • WÅ‚aÅ›ciwoÅ›ci generowania
  • WÅ‚aÅ›ciwoÅ›ci kontrolne
  • Kolekcje wÅ‚aÅ›ciwoÅ›ci
  • Komponent zÅ‚ożony
  • Reduktor stanu
• Podsumowanie
• Pytania
• Co dalej?

6. React po stronie serwera

• Ograniczenia generowania po stronie klienta
  • SEO
  • Wydajność dziaÅ‚ania
  • Zapewnienie bezpieczeÅ„stwa
• Popularność generowania po stronie serwera
  • Zalety generowania po stronie serwera
• WypeÅ‚nianie
  • WypeÅ‚nianie uznawane za szkodliwe
• Tworzenie serwera generujÄ…cego
  • RÄ™czne dodawanie serwera generujÄ…cego do aplikacji dziaÅ‚ajÄ…cej tylko po stronie klienta
  • WypeÅ‚nianie
• API Reacta do generowania po stronie serwera
  • renderToString()
  • renderToPipeableStream()
  • renderToReadableStream()
  • Kiedy używać poszczególnych API?
• Nie twórz wÅ‚asnej implementacji
• Podsumowanie
• Pytania
• Co dalej?

7. WspóÅ‚bieżność

• Problem z generowaniem synchronicznym
• Architektura Fiber
• Szeregowanie i odkÅ‚adanie uaktualnieÅ„
• DokÅ‚adne omówienie mechanizmów
  • ZarzÄ…dca procesów
• Tory generowania
  • Na czym polega dziaÅ‚anie toru generowania?
  • Przetwarzanie torów
  • Etap zatwierdzania
• useTransition
  • Prosty przykÅ‚ad
  • PrzykÅ‚ad zaawansowany
  • DokÅ‚adniejsze omówienie mechanizmu
• useDeferredValue
  • Przeznaczenie zaczepu useDeferredValue
  • Kiedy używać useDeferredValue?
  • Kiedy nie używać useDeferredValue?
• Problemy zwiÄ…zane z generowaniem wspóÅ‚bieżnym
  • Tearing
• Podsumowanie
• Pytania
• Co dalej?

8. Frameworki

• Dlaczego potrzebny jest framework?
  • Generowanie po stronie serwera
  • Routing
  • Pobieranie danych
• Zalety stosowania frameworków
• Wady stosowania frameworków
• Popularne frameworki Reacta
  • Remix
  • Next.js
• Wybór frameworka
  • OkreÅ›lenie potrzeb projektu
  • Next.js
  • Remix
  • Wady i zalety
  • Wrażenia programisty
  • Wydajność dziaÅ‚ania
• Podsumowanie
• Pytania
• Co dalej?

9. Komponenty serwerowe Reacta

• KorzyÅ›ci
• Generowanie po stronie serwera
  • Pod maskÄ…
  • Wprowadzanie uaktualnieÅ„
  • Niuanse
• ReguÅ‚y dotyczÄ…ce komponentów serwerowych
  • Serializacja ma znaczenie
  • Brak skutecznych zaczepów
  • Stan nie jest stanem
  • Komponenty klienckie nie mogÄ… importować komponentów serwerowych
  • Komponenty klienckie nie sÄ… zÅ‚e
• Akcje serwerowe
  • Formularze i mutacje
  • Poza formularzami
• PrzyszÅ‚ość komponentów serwerowych Reacta
• Podsumowanie
• Pytania
• Co dalej?

10. Alternatywy Reacta

• Vue.js
  • SygnaÅ‚y
  • Prostota
• Angular
  • Wykrywanie zmian
  • SygnaÅ‚y
• Svelte
  • Runy
• SolidJS
• Qwik
• Najczęściej spotykane wzorce
  • Architektura oparta na komponencie
  • SkÅ‚adnia deklaratywna
  • Uaktualnienia
  • Metody cyklu życiowego
  • Ekosystem i narzÄ™dzia
• React nie jest reaktywny
  • PrzykÅ‚ad - WartoÅ›ci zależne
• PrzyszÅ‚ość Reacta
  • React Forget
• Podsumowanie
• Pytania
• Co dalej?

11. Zakończenie

• Wnioski
• OÅ› czasu
• Mechanizm kryjÄ…cy siÄ™ za magiÄ…
• Zagadnienia zaawansowane
• BÄ…dź na bieżąco