JavaScript pozwala na tworzenie znakomitego kodu, ale wymaga od programisty sporych umiej

Zobacz także:

• Matematyka dla programistów JavaScript 77,10 zÅ‚, (23,90 zÅ‚ -69%)
• Vue.js 2. Wprowadzenie dla profesjonalistów 96,45 zÅ‚, (29,90 zÅ‚ -69%)
• D3.js w akcji 67,42 zÅ‚, (20,90 zÅ‚ -69%)
• Baw siÄ™ kodem! Twoja wÅ‚asna gra. CoderDojo Nano 24,69 zÅ‚, (7,90 zÅ‚ -68%)
• Tablice informatyczne. Node.js 16,86 zÅ‚, (5,90 zÅ‚ -65%)

Spis treści

React 17. Wzorce projektowe i najlepsze praktyki. Projektowanie i rozwijanie nowoczesnych aplikacji internetowych. Wydanie III -- spis treści

O autorze

O korektorach merytorycznych

Przedmowa

Część I. Witaj, React!

Rozdział 1. Pierwsze kroki z biblioteką React

• Wymagania techniczne
• Różnica miÄ™dzy programowaniem imperatywnym i deklaratywnym
• Sposób dziaÅ‚ania elementów biblioteki React
• Zapomnieć o wszystkim
• Problem znużenia kodem w JavaScripcie
• Wprowadzenie do jÄ™zyka TypeScript
  • Elementy jÄ™zyka TypeScript
  • PrzeksztaÅ‚canie kodu w JavaScripcie w kod w TypeScripcie
  • Typy
  • Interfejsy
• Podsumowanie

Rozdział 2. Czyszczenie kodu

• Wymagania techniczne
• Zastosowanie skÅ‚adni JSX
  • Babel 7
  • Tworzenie pierwszego elementu
  • Elementy modelu DOM i komponenty biblioteki React
  • WÅ‚asnoÅ›ci
  • Elementy potomne
  • Różnice wzglÄ™dem jÄ™zyka HTML
  • Atrybuty rozwiniÄ™cia
  • LiteraÅ‚y szablonów
  • Typowe wzorce
• OkreÅ›lanie stylu kodu
  • EditorConfig
  • Prettier
  • ESLint
• Programowanie funkcyjne
  • Funkcje pierwszoklasowe
  • Czystość
  • Niezmienność
  • Rozwijanie funkcji
  • Kompozycja
  • Programowanie funkcyjne i interfejsy użytkownika
• Podsumowanie

Część II. Działanie biblioteki React

Rozdział 3. React Hooks

• Wymagania techniczne
• Wprowadzanie do dodatku React Hooks
  • Bez przeÅ‚omowych zmian
  • Zastosowanie funkcji Hook useState
  • ReguÅ‚y funkcji Hook
• Migracja komponentu klasowego pod kÄ…tem użycia dodatku React Hooks
• Efekty biblioteki React
  • Funkcja Hook useEffect
  • Warunkowe aktywowanie efektu
• Funkcje useCallback, useMemo i memo
  • ZapamiÄ™tywanie komponentu za pomocÄ… funkcji memo
  • ZapamiÄ™tywanie wartoÅ›ci za pomocÄ… funkcji useMemo
  • ZapamiÄ™tywanie definicji funkcji za pomocÄ… funkcji useCallback
  • ZapamiÄ™tywanie funkcji przekazanej jako argument funkcji useEffect
• Funkcja Hook useReducer
• Podsumowanie

RozdziaÅ‚ 4. PrzeglÄ…d popularnych wzorców kompozycji

• Wymagania techniczne
• Zapewnienie komunikacji miÄ™dzy komponentami
  • Zastosowanie wÅ‚asnoÅ›ci children
• Wzorce kontenerowe i prezentacyjne
• Komponenty wyższego rzÄ™du
• Komponent FunctionAsChild
• Podsumowanie

RozdziaÅ‚ 5. Omówienie jÄ™zyka GraphQL na przykÅ‚adzie rzeczywistego projektu

• Wymagania techniczne
• Instalowanie systemu baz danych PostgreSQL
  • Najlepsze narzÄ™dzia do zarzÄ…dzania bazÄ… danych PostgreSQL
• Tworzenie pliku .env i plików konfiguracyjnych
  • Konfigurowanie pliku .env
  • Tworzenie podstawowego pliku konfiguracyjnego
• Konfigurowanie serwera Apollo Server
• Definiowanie typów, zapytaÅ„ i przeksztaÅ‚ceÅ„ jÄ™zyka GraphQL
  • Zapytania
  • PrzeksztaÅ‚cenia
• Scalanie definicji typów
• Tworzenie resolverów
  • Tworzenie zapytania getUsers
  • Tworzenie zapytania getUserData
  • Tworzenie przeksztaÅ‚ceÅ„
• Scalanie resolverów
• Tworzenie modeli narzÄ™dzia Sequelize
• NawiÄ…zywanie poÅ‚Ä…czenia przez narzÄ™dzie Sequelize z bazÄ… danych PostgreSQL
• Funkcje uwierzytelniania
  • Czym jest standard JSON Web Token?
  • Funkcje JWT
  • Tworzenie funkcji uwierzytelniania
  • Typy i interfejsy
• Uruchamianie projektu po raz pierwszy
• Testowanie zapytaÅ„ i przeksztaÅ‚ceÅ„ jÄ™zyka GraphQL
  • Sprawdzanie poprawnoÅ›ci
• Wykonywanie operacji logowania
• Tworzenie interfejsowego systemu logowania z wykorzystaniem klienta Apollo
  • Konfigurowanie narzÄ™dzia Webpack 5
  • Konfigurowanie interpretera jÄ™zyka TypeScript
  • Konfigurowanie serwera Express
  • Tworzenie konfiguracji interfejsu
  • Tworzenie elementu poÅ›redniczÄ…cego użytkownika
  • Tworzenie funkcji tokenów JWT
  • Tworzenie zapytaÅ„ i przeksztaÅ‚ceÅ„ jÄ™zyka GraphQL
  • Tworzenie kontekstu użytkownika do obsÅ‚ugi operacji logowania i poÅ‚Ä…czonego użytkownika
  • Konfigurowanie klienta Apollo Client
  • Tworzenie Å›cieżek aplikacji
  • Tworzenie stron
  • Tworzenie komponentów procesu logowania
  • Tworzenie komponentów panelu sterowania
  • Testowanie systemu logowania
• Podsumowanie

Rozdział 6. Zarządzanie danymi

• Wymagania techniczne
• Wprowadzenie do skÅ‚adnika React Context API
  • Tworzenie pierwszego kontekstu
  • Opakowywanie komponentów za pomocÄ… dostawcy
  • Korzystanie z kontekstu za pomocÄ… funkcji useContext
• Wprowadzenie do stosowania skÅ‚adnika React Suspense z wykorzystaniem biblioteki SWR
  • Wprowadzenie do biblioteki SWR
  • Budowanie aplikacji Pokedex!
  • Testowanie skÅ‚adnika React Suspense
• Podsumowanie

Rozdział 7. Tworzenie kodu dla przeglądarki

• Wymagania techniczne
• Zastosowanie formularzy
  • Komponenty niekontrolowane
  • Komponenty kontrolowane
• ObsÅ‚uga zdarzeÅ„
• Referencje
• Implementowanie animacji
  • React Motion
• Format SVG
• Podsumowanie

Część III. Wydajność, ulepszenia i środowisko produkcyjne

RozdziaÅ‚ 8. Zapewnianie Å‚adnego wyglÄ…du komponentów

• Wymagania techniczne
• Style CSS w kodzie w JavaScripcie
• Zastosowanie stylów lokalnych
• Biblioteka Radium
• Zastosowanie moduÅ‚ów stylów CSS
  • Webpack 5
  • Przygotowywanie projektu
  • Style CSS o zasiÄ™gu lokalnym
  • ModuÅ‚y Atomic CSS
  • ModuÅ‚y CSS biblioteki React
• Zastosowanie biblioteki styled-components
• Podsumowanie

Rozdział 9. Renderowanie serwerowe dla zabawy i zarobku

• Wymagania techniczne
• Uniwersalne aplikacje
• Powody implementowania opcji SSR
  • Implementowanie optymalizacji pod kÄ…tem wyszukiwarki internetowej
  • Wspólna baza kodu
  • Lepsza wydajność
  • Nie lekceważ zÅ‚ożonoÅ›ci
• Tworzenie prostego przykÅ‚adu użycia opcji SSR
• Implementowanie pobierania danych
• Zastosowanie Å›rodowiska Next.js do tworzenia aplikacji opartych na bibliotece React
• Podsumowanie

Rozdział 10. Zwiększanie wydajności aplikacji

• Wymagania techniczne
• Uzgadnianie
• Klucze
• Techniki optymalizacji
• NarzÄ™dzia i biblioteki
  • Niezmienność
  • Dodatki narzÄ™dzia Babel
• Podsumowanie

Rozdział 11. Testowanie i debugowanie

• Wymagania techniczne
• KorzyÅ›ci wynikajÄ…ce z testowania
• Bezproblemowe testowanie kodu w JavaScripcie za pomocÄ… Å›rodowiska Jest
• Testowanie zdarzeÅ„
• Zastosowanie rozszerzenia React DevTools
• Stosowanie rozszerzenia Redux DevTools
• Podsumowanie

Rozdział 12. React Router

• Wymagania techniczne
• Instalowanie i konfigurowanie biblioteki React Router
• Tworzenie sekcji
• Dodawanie parametrów do Å›cieżek
• Podsumowanie

Rozdział 13. Antywzorce, jakich należy unikać

• Wymagania techniczne
• Inicjalizowanie stanu za pomocÄ… wÅ‚aÅ›ciwoÅ›ci
• Stosowanie indeksów jako klucza
• Rozmieszczanie wÅ‚aÅ›ciwoÅ›ci w elementach modelu DOM
• Podsumowanie

Rozdział 14. Wdrażanie aplikacji w środowisku produkcyjnym

• Wymagania techniczne
• Tworzenie pierwszego Dropletu usÅ‚ugi DigitalOcean
  • Rejestrowanie w usÅ‚udze DigitalOcean
  • Tworzenie pierwszego Dropletu
  • Instalowanie Å›rodowiska Node.js
  • Konfigurowanie serwisów Git i GitHub
  • WyÅ‚Ä…czanie Dropletu
• Konfigurowanie serwera nginx, narzÄ™dzia PM2 i domeny
  • Instalowanie i konfigurowanie serwera nginx
  • Konfigurowanie serwera odwrotnego proxy
  • Dodawanie domeny do Dropletu
• Implementowanie narzÄ™dzia CircleCI do zapewnienia ciÄ…gÅ‚ej integracji
  • Dodawanie klucza SSH do narzÄ™dzia CircleCI
  • Konfigurowanie narzÄ™dzia CircleCI
  • Tworzenie zmiennych Å›rodowiskowych w narzÄ™dziu CircleCI
• Podsumowanie

Rozdział 15. Kolejne kroki

• Wymagania techniczne
• Uczestniczenie w rozwoju biblioteki React
• Dystrybucja kodu
  • Znajomość najlepszych praktyk zwiÄ…zanych z publikowaniem kodu open source
• Publikowanie pakietu za pomocÄ… narzÄ™dzia npm
• Podsumowanie