Czasochłonne i nużące - takie zazwyczaj jest budowanie interfejsów użytkownika. Z ReactJS kompletnie zmienisz swoje podejście do tego tematu, a Twój sposób pracy zmieni się o 180 stopni!

Wiele narzędzi i frameworków ma za zadanie ułatwić budowanie interfejsów, ale w praktyce - nadal jest to żmudne zadanie, podczas którego napotykasz się na wiele błędów.

No, chyba, że... Opanujesz ReactJS. A z tym kursem będzie to prostsze i wygodniejsze niż kiedykolwiek!

ReactJS nie jest po prostu kolejną biblioteką, która ma ułatwić Ci pracę - to całkowita zmiana podejścia do tworzenia interfejsów uzytkownika i interakcji.

Wyobraź sobie, że możesz raz zdefiniować wygląd interfejsu, a potem tylko przekazywać mu nowe dane, nie martwiąc się o renderowanie. Zmiany treści i struktura aktualizują się automatycznie na stronie… Brzmi jak marzenie? Z biblioteką React jest to nie tylko możliwe, ale jeszcze prostsze, niż się wydaje!

CO JEST ZAWARTE W KURSIE? 

• dowiesz się jak przebiega praca z DOM i z ReactDOM

• poznasz najważniejsze elementy EcmaScript6

• będziesz tworzyć dynamiczny UI niezależny od źródła danych

• zbudujesz konfigurowalne komponenty React

• poznasz najważniejsze narzędzia i dobre praktyki

• dowiesz się czym są Single Page Applications z React Router

• zaimplementujesz architekturę Flux

• poznasz niemutowalne dane, Redux i “cofanie aplikacji w czasie"

WAŻNE!

Kurs należy przerabiać z wykorzystaniem ReactJS w wersji 15.3. Na obecną chwilę nie planujemy wydania nowej wersji kursu, ponieważ mimo zmian w aktualizacjach frameworka - wiedza zawarta w materiale w dalszym ciągu jest aktualna, a przyswojenie lekcji z użyciem ReactJS w wersji 15.3 pozwoli na poprawne i wygodne budowanie stron w oparciu o tę technologię.

RENDEROWANIE Z REACT DOM

Cały sekret działania React opiera się na tym, że React korzysta ze sprytnego mechanizmu pracy z DOM, która omówiona jest właśnie w pierwszej sekcji. Poznasz: 

• dokładny mechanizm działania “magii Reacta”

• dlaczego, wbrew temu co podpowiada intuicja, podejście React jest o wiele wiele szybsze niż klasyczne metody

• przypomnisz sobie podstawy pracy z przeglądarką i z obiektem dokumentu przy użyciu JavaScript.

• zobaczysz jasno różnice w podejściu standardowym do renderowania HTML w przeglądarce a tym nowym, szybszym - deklaratywnym - podejściem jakie oferuje React

  
  

SZABLONY JSX I JAVASCRIPT W WERSJI ES6

W drugiej części skupimy się na produktywności. Zobaczysz:

• jak błyskawicznie przekonwertować kod HTML do kodu JSX dla React

• nauczysz się jak dzięki dynamicznym szablonom możesz renderować dowolnie złożony kod HTML

• dowiesz się jak używać zmiennych i funkcji JavaScript bezpośrednio w HTML

• poznasz transpilator Babel, którego będziemy używać w kolejnych sekcjach kursu

KOMPONENTY, FORMULARZE I INTERAKTYWNY INTERFEJS 

W następnych lekcjach dowiesz się:

• jak deklaratywnie budować interfejsy użytkownika z komponentów

• jak używać ich wielokrotnie, co zaoszczędza czas

• jak parametryzować i komponować je ze sobą by w bardzo prosty sposób uzyskać różne zaawansowane funkcjonalności

• zobaczysz, że tworzenie takich zaawansowanych funkcjonalności jak dodawanie do koszyka metodą “Przeciągnij i Upuść”, Dynamiczna Nawigacja, Interaktywne Formularze czy niestandardowe elementy jak <Rating /> można z pomocą React’a stworzyć błyskawicznie

• ...a następnie wykorzystywać je wielokrotnie na różne sposoby w twoich aplikacjach

NARZĘDZIA, DOBRE PRAKTYKI, APLIKACJE SINGLE-PAGE 

Te sekcje kursu kończą część wizualną pracy z React, a rozpoczynają omawianie narzędzi i bibliotek współpracujących doskonale z biblioteką React.

Krok po kroku zobaczysz:

• jak zamienić prostą stronę internetową napisaną w React na pełnoprawną Single Page Application

• jak strukturyzować dane i w prosty sposób przekazywać je do komponentów, by struktura aplikacji była przejrzysta i elastyczna

• jak przekonwertować aplikacje z plików na moduły ES6

• jak dynamicznie budować aplikacje przy każdej zmianie

• jak skonfigurować super-szybki serwer developerski

• jak skonfigurować przeładowywanie modułów “na gorąco”, dzięki czemu zmiany w twoim kodzie będą widoczne w aplikacji natychmiast - bez odświeżenia strony przeglądarki

  
  

ARCHITEKTURA DANYCH FLUX I BIBLIOTEKA REDUX

W końcowych rozdziałach dowiesz się:

• jak dzięki podejściu funkcyjnemu architektura Flux i jednokierunkowy przepływ danych pozwalają uzyskać stabilny i przejrzysty kod aplikacji

• jak tworzyć wysokopoziomowe koncepcje i nie popełnić typowych błędów w swoich projektach

• zbudujesz własną prostą implementacje Flux - dzięki czemu refaktorując kod aplikacji uczysz się krok po kroku poznając zalety i wady poszczególnych rozwiązań

• dowiesz się jak skonfigurować zaawansowane narzędzia, jak np. tzw. “time-travel debugger”, czylimożliwości manipulacji stanem aplikacji płynące z zastosowania biblioteki Redux

Dla kogo jest ten kurs?

Kurs jest przeznaczony dla wszystkich osób, które pracowały już lub pracują na co dzień z technologiami Front-End, czyli HTML,CSS i JavaScript.

Kurs skonstruowany jest w taki sposób, że już podstawowa wiedza o tych trzech technologiach pozwala własnym tempem krok po kroku zagłębić się w ogrom możliwości jakie daje React.

Jednocześnie dla osób bardziej doświadcznych, np. pracujących z Frameworkami JavaScript - kurs ten pokaże zupełnie inne podejście do tworzenia apliacji, niż znany powszechnie model Model-View-Controller.

React dobrze zastosowany pozwala zwielokrotnić nie tylko szybkość tworzenia aplikacji i szybkość jej działania  - ale co najważniejsze - pozwala znacznie zwiększyć komfort pracy programisty i pewność co do stabilności każdej linijki stworzonego kodu.

Nawet jeśli nie planujesz zmiany technologii na React, i tak warto poznać zasady jego działania - wiedza ta może być zastosowana w innych rozwiązaniach i na pewno otwiera ona umysł na wiele nowych możliwości.