Reference pro přednášku č.1
předmětu PV247 na Fakultě
Informatiky Masarykovy Univerzity
Téma přdnášky:
Základy Reactu, motivace použití Reactu
Odkazy ke stažení:
NodeJs: https://nodejs.org/en/download/
Jetbrains Webstorm: https://www.jetbrains.com/webstorm/download/
Jetbrains Toolbox: https://www.jetbrains.com/toolbox/app/
Rozšíření pro vývoj v Reactu:
● Chrome:
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadoplj
bjfkapdkoienihi
● Firefox: https://addons.mozilla.org/cs/firefox/addon/react-devtools/
Reference:
Dokumentace Reactu:
https://reactjs.org/docs/getting-started.html
https://reactjs.org/tutorial/tutorial.html
Není to psáno klasickým nudným staylem dokumentace, kterou otevřete až když máte
trable. Celé je to pojato stylem průvodce, takže se to vyplatí číst i když vás výzvy teprve
čekají. Díky tomuto bude vědět jak na ně, nebo alespoň kde rychle najít řešení.
Čistě API reference je tu:
https://reactjs.org/docs/react-api.html
Rozšíření pro vývoj v Reactu:
JSX:
https://reactjs.org/docs/introducing-jsx.html
https://reactjs.org/docs/jsx-in-depth.html
PropTypes:
https://reactjs.org/docs/typechecking-with-proptypes.html
Pomáhají kontrolovat, že komponenty dostávají správné props.
Controlled components:
(Komponenty s menežovanými hodnotami.)
https://reactjs.org/docs/forms.html
Jak na Event handling:
Oficiální guide Reactu: https://reactjs.org/docs/handling-events.html
Vysvětlení trablí s “this” v JS: (Anglicky)
https://www.youtube.com/watch?reload=9&v=zE9iro4r918
Jak na state management:
https://reactjs.org/docs/state-and-lifecycle.html
Babel playground:
https://babeljs.io/repl
Umožňuje nahlédnout do toho, na jaký kód se transpiluje daná syntaxe včetně JSX.