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.