React, TypeScript и Node. Создание приложений

React, TypeScript i Node. Tworzenie aplikacji internetowych typu fullstack

David Choi

JavaScript i jego następca, TypeScript, od lat są ulubionymi językami programowania zawodowców. Mogą oni korzystać z całej gamy wspaniałych narzędzi i frameworków, takich jak React, Node.js czy też Redux, Express i GraphQL. Dają one możliwość pisania całych aplikacji, zarówno części klienckich, jak i serwerowych, w jednym języku. Programiści coraz częściej doceniają korzyści, jakie płyną z tworzenia rozwiązań obejmujących pełny stos technologiczny. Jest to o wiele efektywniejszy i bardziej satysfakcjonujący sposób pracy niż tworzenie klasycznych aplikacji internetowych.

To książka przeznaczona dla osób, które posługują się językiem JavaScript i chcą wykorzystać jego możliwości do zbudowania kompletnej aplikacji internetowej. Prezentuje język TypeScript i opisuje jego najlepsze cechy, pokazuje także, w jaki sposób za pomocą takich frameworków jak React, Redux, Node, Express i GraphQL zbudować złożoną aplikację internetową o pełnej funkcjonalności. Wyjaśniono tu tajniki pracy z poszczególnymi elementami całego stosu technologicznego, a przy tym omówiono przydatne narzędzia, techniki i biblioteki. Przedstawiono również sposoby używania bazy danych na potrzeby aplikacji. Ważnym elementem jest dokładny opis wdrażania gotowej aplikacji w chmurze AWS.

W książce między innymi:

• najważniejsze możliwości języka TypeScript
• stosowanie hooków Reacta i magazynu Redux
• wdrażanie funkcjonalnych aplikacji za pomocą Reacta i GraphQL
• mechanizm uwierzytelniania z użyciem Redisa
• praca z bazą danych Postgres przy użyciu TypeORM
• konfiguracja serwera NGINX w chmurze AWS wraz z wdrażaniem aplikacji

Nowy wymiar programowania: pełny stos najnowszych technologii!

O autorze książki

David Choi od ponad dziesięciu lat tworzy aplikacje korporacyjne. Zdobył doświadczenie w pracy z wieloma frameworkami i językami programowania. Zajmował się zagadnieniami finansowymi w takich firmach jak JPMorgan, CSFB i Franklin Templeton. Aktualnie pracuje nad własnym startupem. Rozwija aplikację DzHaven, która ma pomagać programistom we wspieraniu innych programistów.

Spis treści książki

O autorze

O recenzencie

Wstęp

Część I. Jak zrozumieć TypeScript i poprawić swoją znajomość języka JavaScript

Rozdział 1. Zrozumieć TypeScript

• Wymagania techniczne
• Czym jest TypeScript?
• Dlaczego TypeScript jest niezbędny?

  Typowanie dynamiczne a statyczne

  Programowanie obiektowe

• Podsumowanie

Rozdział 2. Prezentacja języka TypeScript

• Wymagania techniczne
• Czym są typy?

  Jak działają typy?

• Wprowadzenie do typów języka TypeScript

  Typ any

  Typ unknown

  Typy przecięć i unii

  Typy literałowe

  Nazwy zastępcze typów

  Typy wyników funkcji

  Funkcje jako typy

  Typ never

• Klasy i interfejsy

  Klasy

  Interfejsy

• Dziedziczenie

  Klasy abstrakcyjne

  Interfejsy

• Typy generyczne
• Prezentacja najnowszych możliwości języka i konfigurowania kompilatora

  Łączenie opcjonalne

  Scalanie wartości pustych

  Konfigurowanie TypeScriptu

• Podsumowanie

Rozdział 3. Tworzenie lepszych aplikacji dzięki użyciu możliwości wersji ES6+ języka JavaScript

• Wymagania techniczne
• Poznawanie rodzajów zmiennych w ES6 oraz zasięgów w języku JavaScript
• Poznawanie funkcji strzałkowych
• Zmienianie kontekstu this
• Rozproszenie, destrukturyzacja i reszta

  Rozproszenie, Object.assign oraz Array.concat

  Destrukturyzacja

  Reszta

• Prezentacja wybranych funkcji tablicowych

  find

  filter

  map

  reduce

  some oraz every

• Przedstawienie nowych typów kolekcji

  Set

  Map

• Przedstawienie słów kluczowych async i await
• Podsumowanie

Część II. Nauka tworzenia aplikacji jednostronicowych z użyciem frameworka React

Rozdział 4. Przedstawienie koncepcji aplikacji jednostronicowych oraz ich realizacja z użyciem frameworka React

• Wymagania techniczne
• Przedstawienie wcześniejszych sposobów tworzenia witryny WWW
• Cechy i zalety aplikacji jednostronicowych
• Jak React pomaga w tworzeniu aplikacji jednostronicowych

  Atrybuty aplikacji Reacta

• Podsumowanie

Rozdział 5. Tworzenie aplikacji Reacta z wykorzystaniem hooków

• Wymagania techniczne
• Wyjaśnienie ograniczeń i problemów związanych ze stosowaniem starych komponentów klasowych

  Stan

  Metody cyklu życia

• Prezentacja hooków Reacta i wyjaśnienie, dlaczego w stosunku do komponentów klasowych są one usprawnieniem
• Porównanie stosowania komponentów klasowych i hooków

  Wielokrotne stosowanie kodu

  Prostota

• Podsumowanie

Rozdział 6. Przygotowywanie projektu za pomocą create-react-app i testowanie go przy użyciu Jest

• Wymagania techniczne
• Przedstawienie metod programowania aplikacji Reacta i systemu używanego do ich budowania

  Narzędzia do zarządzania projektami

  Transpilacja

  Repozytoria kodu

• Testowanie aplikacji Reacta po stronie klienta
• Atrapy

  Tworzenie atrap z wykorzystaniem jest.fn

  Tworzenie atrap komponentów

• Prezentacja najpopularniejszych narzędzi oraz praktyk tworzenia aplikacji Reacta

  Visual Studio Code

  Prettier

  Debugger Chrome

  Alternatywne zintegrowane środowiska programistyczne

• Podsumowanie

Rozdział 7. Redux i React Router

• Wymagania techniczne
• Zarządzanie stanem przy użyciu Reduxa

  Reduktory i akcje

  React Context

• Prezentacja frameworka React Router
• Podsumowanie

Część III. Tworzenie usług internetowych z użyciem Expressa i GraphQL-a

Rozdział 8. Prezentacja tworzenia aplikacji serwerowych z wykorzystaniem Node.js i Expressa

• Wymagania techniczne
• Wyjaśnienie sposobu działania środowiska Node

  Pętla zdarzeń

• Prezentacja możliwości środowiska Node

  Instalowanie Node

  Tworzenie prostego serwera Node

  Żądania i odpowiedzi

  Trasowanie

  Debugowanie

• Jak Express ułatwia pisanie rozwiązań przeznaczonych dla środowiska Node
• Przedstawienie możliwości frameworka Express
• Tworzenie internetowego API przy użyciu Expressa
• Podsumowanie

Rozdział 9. Czym jest GraphQL?

• Wymagania techniczne
• Czym jest GraphQL?
• Schematy GraphQL
• Definicje typów i resolwery
• Zapytania, mutacje oraz subskrypcje
• Podsumowanie

Rozdział 10. Konfiguracja projektu Expressa z zależnościami od języków TypeScript i GraphQL

• Wymagania techniczne
• Tworzenie projektu Expressa tworzonego w języku TypeScript
• Dodawanie do projektu GraphQL-a i jego zależności
• Prezentacja pakietów pomocniczych
• Podsumowanie

Rozdział 11. Czego się nauczysz - aplikacja internetowego forum

• Analiza aplikacji, którą napiszemy - internetowego forum
• Analiza uwierzytelniania użytkowników forum
• Analiza zarządzania wątkami
• Analiza systemu punktacji wątków
• Podsumowanie

Rozdział 12. Tworzenie klienta Reacta na potrzeby aplikacji internetowego forum

• Wymagania techniczne
• Tworzenie wstępnej wersji aplikacji Reacta

  CSS Grid

  Granice błędów

  Warstwa usługi danych

  Menu nawigacyjne

  Komponenty związane z uwierzytelnianiem

  Trasowanie i ekrany aplikacji

  Ekran główny

  Ekran wątku i jego wpisów

• Podsumowanie

Rozdział 13. Przygotowywanie stanu sesji przy użyciu Expressa i Redisa

• Wymagania techniczne
• Czym jest stan sesji?
• Przedstawienie magazynu danych Redis
• Tworzenie stanu sesji z wykorzystaniem Expressa i Redisa
• Podsumowanie

Rozdział 14. Przygotowywanie Postgresa oraz warstwy repozytorium przy wykorzystaniu TypeORM

• Wymagania techniczne
• Przygotowanie bazy danych Postgres
• Przedstawienie mechanizmów odwzorowań obiektowo-relacyjnych na przykładzie TypeORM
• Tworzenie warstwy repozytorium bazującej na Postgresie i TypeORM
• Podsumowanie

Rozdział 15. Dodawanie schematu GraphQL-a - część 1.

• Wymagania techniczne
• Tworzenie definicji typów i resolwerów dla serwerowego kodu GraphQL

  System punktacji wątków

• Integracja mechanizmu uwierzytelniania z resolwerami GraphQL-a
• Przygotowanie hooków Reacta do korzystania z serwera Apollo GraphQL

  Ekran główny - komponent Main

  Możliwości związane z uwierzytelnianiem

  Ekran profilu użytkownika

• Podsumowanie

Rozdział 16. Dodawanie schematu GraphQL-a - część 2.

• Komponent Thread i jego trasa
• System punktów
• Podsumowanie

Rozdział 17. Wdrażanie w chmurze AWS

• Wymagania techniczne
• Konfiguracja Ubuntu w chmurze AWS
• Instalacja Redisa, Postgresa i Node w systemie Ubuntu

  Instalacja serwera Redis

  Instalacja Postgresa

  Instalacja Node

• Konfiguracja i wdrażanie aplikacji na serwerze NGINX

  Konfigurowanie projektu super-forum-client

  Konfiguracja serwera NGINX

  Rozwiązywanie problemów

• Podsumowanie