React. Opanuj do perfekcji tworzenie aplikacji internetowych nowej generacji - Tejas Kumar Września

React jest biblioteką języka programowania JavaScript. Służy do tworzenia interfejsów użytkownika różnych aplikacji. Jej twórcą jest Jordan Walke, programista Facebooka, który chciał równocześnie uprościć pracę programisty i poprawić komfort użytkowania gotowej aplikacji. Dziś biegłość w korzystaniu z tej biblioteki oznacza po prostu lepsze aplikacje! Dzięki tej praktycznej książce zrozumiesz podstawowe koncepcje związane z biblioteką React, takie jak składnia JSX, wzorce zaawansowane, wirtualny model DOM, mechanizm rekoncyliacji Reacta, a także zaawansowane techniki optymalizacji. W rzeczywistości jest to dość złożona biblioteka, jednak tutaj jej tajniki zostały wyjaśnione w wyjątkowo przystępny sposób. A to oznacza, że szybko i dogłębnie zrozumiesz mechanizmy kryjące się za działaniem Reacta, zdobędziesz umiejętności pozwalające na tworzenie intuicyjnego kodu Reacta, zrozumiesz jego niuanse i koncepcje ... i przejdziesz na zupełnie nowy poziom biegłości. Efekt? Osiągniesz mistrzostwo w tworzeniu dynamicznych, responsywnych i wydajnych interfejsów! W książce między innymi: jak React działa na niższym poziomie tworzenie aplikacji Reacta i ich optymalizowanie budowanie niezawodnych i skalowalnych aplikacji Reacta mechanizmy udostępniane przez Reacta, takie jak reduktor, stan, odwołanie To jest pozycja obowiązkowa dla każdego, kto chce poznać bibliotekę React i jej nieustannie ewoluujący ekosystem! Matheus Albuquerque, programista Google 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 O autorze: Tejas Kumar od dekady pracuje z Reactem, zdobywał doświadczenie, tworząc kod dla wielu startupów. Wielokrotnie był prelegentem na konferencjach, podczas szkoleń i występów gościnnych. Chętnie korzysta ze swojego bogatego doświadczenia w uczeniu efektywnego tworzenia aplikacji Reacta.