Course Code: reactreduxts
Duration: 21 hours
Prerequisites:
  • Podstawy HTML
  • doświadczenie z JavaScript
Overview:

React to szeroko stosowana biblioteka do tworzenia jednostronicowych aplikacji w JavaScript i HTML. Korzystają z niej takie firmy jak Facebook, Instagram, Netflix czy New York Times.

Kurs ten przedstawi podstawy, na których opiera się React i inne biblioteki (takie jak Angular i Vue.js) oraz podkreśli specyfikę Reacta. Obejmie również technologie, które są powszechnie używane z Reactem, takie jak Redux i React-Router.

Pod koniec tego kursu uczestnicy będą mogli tworzyć aplikacje o różnym stopniu złożoności za pomocą React, przestrzegając najlepszych praktyk.

Course Outline:

Tworzenie nowoczesnych aplikacji front-endowych

  • przegląd i podobieństwa React, Angular, Vue.js
  • deklaratywne renderowanie
  • komponenty - definiowanie niestandardowych HTML tagów
  • użycie aplikacji create-react-app do zainicjowania projektu React.

Nowoczesny JavaSkrypt

  • programowanie przy użyciu node.js i npm
  • JavaWersje skryptów
  • praca z modułami
  • funkcje i funkcje strzałek
  • zajęcia
  • programowanie funkcjonalne w Javaskrypcie (mapa, filtr, ...)

TypeScript

  • pisanie statyczne a pisanie dynamiczne
  • deklarowanie typów zmiennych, funkcji i klas
  • podstawowe typy danych
  • krotki, obiekty
  • interfejsy
  • leki generyczne

React język szablonów

  • JavaJęzyk szablonów oparty na skrypcie: JSX
  • ustawienie właściwości elementu
  • powtarzające się elementy
  • Jeśli inaczej
  • wydarzenia
  • CSS klasy i style

Zarządzanie stanem w React

  • ustawianie i zmiana stanu aplikacji
  • za pomocą haka stanu i setState
  • przechwytywanie zawartości elementów wejściowych w stanie

Komponenty: Elementy składowe nowoczesnych aplikacji internetowych

  • definiowanie niestandardowych HTML tagów w React
  • stan, rekwizyty i wydarzenia
  • przepływ danych pomiędzy komponentami
  • komponenty funkcyjne i komponenty klas
  • używanie haków w komponentach funkcyjnych
  • zdarzenia cyklu życia komponentu (montowanie, aktualizacja, odmontowywanie)
  • łącznie z predefiniowanymi komponentami z biblioteki

Zarządzanie państwem za pomocą Redux

  • Redux podstawy: zarządzanie stanem za pomocą czystych funkcji, reduktorów i niezmiennych danych
  • za pomocą haka redukcyjnego w React
  • integracja Redux z aplikacją React.
  • elementy prezentacyjne i kontenerowe
  • ekosystem Redux.
  • obsługa zdarzeń asynchronicznych za pomocą Thunk
  • pobieranie danych z API REST

Narzędzia programistyczne i testowanie

  • React narzędzia programistyczne
  • Redux narzędzia programistyczne
  • Testowanie JavaSkrypt z Jest
  • Testowanie reduktorów
  • Testowanie React komponentów

React Rutera

  • routing po stronie klienta
  • wyświetlanie różnych widoków w oparciu o bieżącą trasę przeglądarki

Tworzenie aplikacji za pomocą React

  • krótki przegląd React Natywny
  • stworzenie instalowalnej aplikacji mobilnej i desktopowej z Progressive Web Apps
  • porównanie progresywnych aplikacji internetowych i aplikacji natywnych
Sites Published:

United Arab Emirates - React, Redux and TypeScript

Qatar - React, Redux and TypeScript

Egypt - React, Redux and TypeScript

Saudi Arabia - React, Redux and TypeScript

South Africa - React, Redux and TypeScript

Brasil - React, Redux and TypeScript

Canada - React, Redux and TypeScript

中国 - React, Redux and TypeScript

香港 - React, Redux and TypeScript

澳門 - React, Redux and TypeScript

台灣 - React, Redux and TypeScript

USA - React, Redux and TypeScript

Österreich - React, Redux and TypeScript

Schweiz - React, Redux and TypeScript

Deutschland - React, Redux and TypeScript

Czech Republic - React, Redux and TypeScript

Denmark - React, Redux and TypeScript

Estonia - React, Redux and TypeScript

Finland - React, Redux and TypeScript

Greece - React, Redux and TypeScript

Magyarország - React, Redux and TypeScript

Ireland - React, Redux and TypeScript

Luxembourg - React, Redux and TypeScript

Latvia - React, Redux and TypeScript

España - React, Redux and TypeScript

Italia - React, Redux and TypeScript

Lithuania - React, Redux and TypeScript

Nederland - React, Redux and TypeScript

Norway - React, Redux and TypeScript

Portugal - React, Redux and TypeScript

România - React, Redux and TypeScript

Sverige - React, Redux and TypeScript

Türkiye - React, Redux and TypeScript

Malta - React, Redux and TypeScript

Belgique - React, Redux and TypeScript

France - React, Redux and TypeScript

日本 - React, Redux and TypeScript

Australia - React, Redux and TypeScript

Malaysia - React, Redux and TypeScript

New Zealand - React, Redux and TypeScript

Philippines - React, Redux and TypeScript

Singapore - React, Redux and TypeScript

Thailand - React, Redux and TypeScript

Vietnam - React, Redux and TypeScript

India - React, Redux and TypeScript

Argentina - React, Redux and TypeScript

Chile - React, Redux and TypeScript

Costa Rica - React, Redux and TypeScript

Ecuador - React, Redux and TypeScript

Guatemala - React, Redux and TypeScript

Colombia - React, Redux and TypeScript

México - React, Redux and TypeScript

Panama - React, Redux and TypeScript

Peru - React, Redux and TypeScript

Uruguay - React, Redux and TypeScript

Venezuela - React, Redux and TypeScript

Polska - React, Redux and TypeScript

United Kingdom - React, Redux and TypeScript

South Korea - React, Redux and TypeScript

Pakistan - React, Redux and TypeScript

Sri Lanka - React, Redux and TypeScript

Bulgaria - React, Redux and TypeScript

Bolivia - React, Redux and TypeScript

Indonesia - React, Redux and TypeScript

Kazakhstan - React, Redux and TypeScript

Moldova - React, Redux and TypeScript

Morocco - React, Redux and TypeScript

Tunisia - React, Redux and TypeScript

Kuwait - React, Redux and TypeScript

Oman - React, Redux and TypeScript

Slovakia - React, Redux and TypeScript

Kenya - React, Redux and TypeScript

Nigeria - React, Redux and TypeScript

Botswana - React, Redux and TypeScript

Slovenia - React, Redux and TypeScript

Croatia - React, Redux and TypeScript

Serbia - React, Redux and TypeScript

Bhutan - React, Redux and TypeScript

Nepal - React, Redux and TypeScript

Uzbekistan - React, Redux and TypeScript