Świat aplikacji internetowych przed pojawieniem się Reacta jQuery Backbone.js Knockout AngularJS Wartość propozycji Reacta Wydanie Reacta Architektura Flux Zalety architektury Flux JSX JavaScript XML? Rozszerzanie składni JavaScriptu za pomocą JSX JSX Pragma Wyrażenia Wirtualny model DOM Rzeczywisty model DOM Problemy podczas pracy z rzeczywistym modelem DOM Fragmenty dokumentu Elementy Reacta Wirtualny kontra rzeczywisty model DOM 4. Rekoncyliacja Przetwarzanie wsadowe Stary stos rekoncyliacji Mechanizm rekoncyliacji Fiber Fiber jako struktura danych Podwójne buforowanie Proces rekoncyliacji Fiber 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 Memoizacja za pomocą useMemo Użycie zaczepu useMemo uznawane za szkodliwe 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 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 uznawane za szkodliwe Tworzenie serwera generującego Ręczne dodawanie serwera generującego do aplikacji działającej tylko po stronie klienta API Reacta do generowania po stronie serwera renderToString() renderToPipeableStream() renderToReadableStream() Kiedy używać poszczególnych API? Nie twórz własnej implementacji 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 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 8. Frameworki Dlaczego potrzebny jest framework? Generowanie po stronie serwera Routing Pobieranie danych Popularne frameworki Reacta Remix Next.js Określenie potrzeb projektu Next.js Remix Wrażenia programisty Komponenty serwerowe Reacta Korzyści Generowanie po stronie serwera 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 Akcje serwerowe Formularze i mutacje Przyszłość komponentów serwerowych Reacta 10. Alternatywy Reacta Vue.js Sygnały Prostota Angular Wykrywanie zmian Sygnały Svelte Runy SolidJS Qwik Architektura oparta na komponencie Składnia deklaratywna Metody cyklu życiowego Ekosystem i narzędzia React nie jest reaktywny Przykład - Wartości zależne Przyszłość Reacta React Forget