DevMeeting: React + TypeScript Warszawa 5 października

Zespół DevMeetings zaprasza na całodniowe warsztaty poświęcone React'owi.

React to wydajna biblioteka do tworzenia dynamicznych interfejsów użytkownika. Facebook stworzył ją w celu rozwiązania swoich problemów z budowaniem dużych aplikacji, w których dane zmieniają się w czasie.

React oparty o ideę tworzenia aplikacji z mniejszych komponentów okazuje się też świetnym narzędziem do pracy również nad mniejszymi aplikacjami czyniąc je prostymi w testowaniu, rozwijaniu i późniejszym utrzymaniu.

React to nie tylko biblioteka, ale cały jej ekosystem. Silna społeczność wypracowała najlepsze praktyki pracy z Reactem czyniąc je de facto standardem.

Jeśli masz podstawy JS'a, chciałbyś się nauczyć budować aplikacje typu "Single Page Apps" w oparciu o coraz popularniejszą bibliotekę, zapraszamy na całodniowe bezpłatne warsztaty!

Dla kogo?

Szkolenie i przekazywana na nim wiedza jest skierowana do osób programujących w JavaScript i chcących nauczyć się Reacta. Od uczestników oczekujemy znajomości JavaScriptu na poziomie pozwalającym na swobodne pisanie kodu + HTML + CSS oraz rozumienia koncepcji Single Page Apps.

Co to jest DevMeeting?

DevMeeting to mix hackathonu i warsztatów programistycznych. Przez cały dzień uczestnicy implementują przykładową aplikację - samodzielnie i w zespołach. Nad merytoryką czuwają doświadczeni mentorzy, którzy cały czas służą pomocą, prowokują dyskusje oraz dzielą się swoją wiedzą praktyczną.

DevMeeting nie jest wykładem czy klasycznym szkoleniem. Stawiamy na praktykę, kodowanie oraz wymianę wiedzy i doświadczeń. Jest to też świetna okazja, by poznać innych programistów i nawiązać wartościowe kontakty z developerami z Twojego miasta.

Jeśli chcesz poczuć atmosferę DevMeetingu, zapraszamy na YouTube (film z DevMeetingu 9. maja 2015, Node.JS): https://www.youtube.com/watch?v=sb_Mmhq-iX0

Agenda:

Typescript

• Adding types to existing code
• Typing functions
• Typescript idioms
• Custom types and interfaces

Komponenty React’a

• JSX
• props’y
• Komponenty funkcyjne
• Jednokierunkowy przepływ danych dzięki props
• Typescript w React
• Efekty uboczne przy pomocy useEffect hook

Stan (Stateful components)

• Czym jest stan aplikacji
• useState hook
• Zdarzenia (Events)
• Asynchroniczne ustawianie stanu
• Lifecycle hooks
• Komponenty klasowe
• Stan aplikacji przy pomocy useContext hook

Formularze w React

• Controlled inputs
• useRef hook

Co dalej?

• Wstęp do zarządzania stanem przy pomocy Redux’a
• Wstęp do zarządzania stanem przy pomocy MobX’a
• Wstęp do wzorców projektowych React’a

Informacje praktyczne

Gdzie:

Sala konferencyjna w centrum miasta, dokładna lokalizacja zostanie wysłana uczestnikom w tygodniu przed warsztatem.

Kiedy:

Sobota, 5 października w Warszawie

Start o 9.00 (prosimy o przybycie ok. 8.45), zakończenie ok. 16.00

Co należy przynieść:

Laptop + zasilacz z zainstalowanym: Google Chrome, NodeJS + npm, create-react-app my-app --typescript

Koszt udziału:

Tym razem - bezpłatnie.