React, TypeScript i Node. Tworzenie aplikacji internetowych typu fullstack - ebook
React, TypeScript i Node. Tworzenie aplikacji internetowych typu fullstack - ebook
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!
Spis treści
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
| Kategoria: | Programowanie |
| Zabezpieczenie: |
Watermark
|
| ISBN: | 978-83-283-8393-7 |
| Rozmiar pliku: | 18 MB |
