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

• Title: React. Opanuj do perfekcji tworzenie aplikacji internetowych nowej generacji
• Author: Tejas Kumar
• Original title: Fluent React: Build Fast, Performant, and Intuitive Web Applications
• Translation: Robert Górczyński
• ISBN: 978-83-289-1635-7, 9788328916357
• Date of issue: 2024-11-19
• Format: Ebook
• Item ID: reacto
• Publisher: Helion