Po sukcesie darmowej wersji ReactJS Workshop (dołączony zrzut ekranu), to samo zostało przebudowane i zawiera nowe wykłady i przykłady kodu, w tym oceny. Wprowadzono format tygodniowy.
Pracując jako dyrektor - UI Practice & Engineering, ten 5-dniowy format warsztatów został opracowany przeze mnie po tym, jak osiągnąłem wielki sukces, dostarczając ILT w tym formacie.
Od wielu lat tworzę aplikacje JavaScript i uwielbiam pracować z najnowszymi i najlepszymi frameworkami frontendowymi, takimi jak React, Redux, ES6 i Webpack, aby dostarczać rozwiązania dla klientów z wielu branż na środkowym zachodzie i nie tylko. Razem, poprzez serię krótkich lekcji i intensywnych ćwiczeń w kodzie, zbudujemy działającą aplikację za pomocą React i Redux. Zostaniesz z praktycznym zrozumieniem, jak używać Reacta we własnych aplikacjach, a także działającym kodem, który będzie przydatnym zasobem w przyszłości.

Cele warsztatów
------------------------------------
1. Reaguj słownictwo i pojęcia
2. Wykorzystanie Redux
3. Znajomość nowoczesnych narzędzi JS
4. Ocena
5. Link do przykładów kodu
6. Standardowy PPT na temat materiału.
7. Zorganizowane pięciodniowe podejście do krzywej uczenia się.

1.React Basics
W pierwszej części warsztatów zaczniemy od omówienia podstawowych pojęć związanych z Reactem, takich jak wirtualny DOM. Gdy wyjaśnimy podstawowe pojęcia, omówimy klasy React i dostępne interfejsy API. Omówimy szczegółowo renderowanie, stany, właściwości, a także cykl życia komponentu React. Następnie dyskusja przejdzie do JSX i ważnych różnic między zwykłym HTML. Opowiemy, jak przetestować swój pierwszy komponent React za pomocą Jest i Enzyme. I oczywiście przegląd środowiska narzędziowego React: w tym najnowsze narzędzia do budowania JS, zarządzanie zależnościami JS i niesamowity framework do ładowania początkowego Create-React-App.

2. zareaguj na router
Teraz, gdy wiemy, jak tworzyć komponenty Reacta, omówimy, jak sprawić, by wszystkie współpracowały ze sobą, aby zbudować błyskawicznie szybką aplikację jednostronicową za pomocą routera React. Podczas tego wykładu omówimy wszystko, co musisz wiedzieć o konfigurowaniu stanów React, a także o interfejsach API i komponentach, których możesz użyć do przechodzenia między nimi.

3.Redux
Teraz, gdy zakres naszej aplikacji zaczyna się rozrastać, potrzebujemy dobrego wzorca do orkiestracji stanu wszystkich naszych komponentów. W tym miejscu wkracza architektura Redux: być jedynym źródłem prawdy do obsługi naszej jednostronicowej aplikacji. Podczas tego wykładu omówimy główne części Redux (działania, reduktory i sklepy) oraz ich interakcje. W laboratorium dodamy bibliotekę Redux do naszej aplikacji i użyjemy jej do dostarczania danych do naszych komponentów React.

4. Formularze odpowiedzi i walidacja
Podczas ostatniego wykładu i laboratorium dodamy kilka formularzy do naszych danych. Omówimy komponenty formularzy React i dlaczego różnią się od innych natywnych komponentów React. Następnie omówimy, w jaki sposób możemy dodać walidację do naszych komponentów formularzy w React Bootstrap. W laboratorium wykorzystasz zdobytą wiedzę do tworzenia formularzy, których będziemy używać do utrwalania danych w usłudze REST.