React basic
Školení React je určen programátorům, kteří chtějí začít tvořit aplikace za použití javascriptového frameworku React.
React je poměrně mladý framework, přesto se může chlubit nevídané popularitě. Stojí za ním facebook, který v něm má napsané velké množství aplikací a dále ho rozvijí. Pokud patříte mezi ty, kteří uvažují o nasazení Reactu ve všem projektu, určitě nebudete litovat. Na kurzu se seznámíte s filozofií Reactu a ukážeme si, proč je tak oblíbený. V rámci kurzu se naučíte navrhovat React.js komponenty, pochopíte principy frameworku a seznámíte se moderním javascriptovým ekosystémem. Dozvíte se, jak na Reactu postavit celou aplikaci, ale i jak React začlenit do již existující aplikace. Na praktických ukázkách si ukážeme, jak React funguje, jak v něm napsat aplikaci a nasadit ji na server. Po skončení kurzu budou účastníci schopni samostatně tvořit javascriptové single page aplikace ve frameworku React.js.
Osnova kurzu
1
- Setup IDE
- Javascript & Typescript quick overview
- React introduction
- What is SPA and how does it work?
2
- Vite - app scaffolding
- project folder structure
- using npm & yarn
- semantic versioning
3
- JSX
- differences between JSX and HTML
- React Fragment
- components - lifecycle, props
- component tree
4
- stateless, stateful components
- event handling
- component local state (useState)
- component lifecycle
- class components
5
- conditional rendering
- applying styles
- CSS modules
6
- useEffect
- Strict mode
7
- creating own events
- children props
8
- controlled input
9
- React Strict mode
- using third party library (axios)
- calling server via REST API
- writing custom hooks
10
- debugger
- using console.log to analyze application flow
- using Google Chrome debugger
- using Google Chrome dev tools
- third party services
11
- global application state using React Context
- accessing native element using useRef
Termíny
Důležité informace
Materiály
Kód kurzu
Mohlo by vás zajímat
