Wprowadzenie do React (z live-coding aplikacji)
- Jak zacząć prace z Reactem?
- Co to jest React?
- Jak zbudować komponent Reactowy?
- Przykładowa prosta aplikacja - todo list
Wojtek Laszczyk pokaże jak zacząć programować w React, kodując na żywo prototyp aplikacji.
Wojtek jest senior web app developerem, entuzjastą dobrze udokumentowanego i przetestowanego kodu. Masz pytanie idź do niego.
Wymagania wstępne to podstawowa znajomość JS, HTML i CSS.
Tematy:
Jak zacząć prace z Reactem?
Co to jest React?
- do czego służy?
- dlaczego budowanie interface’ow (update’ownie DOMu) jest fajniejsze / wygodniejsze przy użyciu Reacta niż natywnego JSa
- co to jest JSX?
Jak zbudować komponent Reactowy?
- jak zbudować komponent?
- co to są propsy?
- destructuring propów w nagłówku komponentu
- string w propie / expression w propie
- używanie komponentów w komponentach
- propTypes + defaultProps
Przykładowa prosta aplikacja - todo list
- co to są hooks?
- wykorzystanie useState do przechowywania todosow
- wykorzystanie useCallback do obsługi klikania w todosa
- komponent z inputem + buttonem “add”: controlled vs uncontrolled
- wykorzystanie emotion do postylowania / wypozycjonowania wszystkiego
Będzie też chwila na Q&A, a później idziemy na
W zdjęciach eventu jest zdjęcie wejścia do budynku.