Kurz 3 - A Practical Start with React

Ok, teď mám v hlavě jak JS, tak i nějaké nejnovější features. Myslím, že je největší čas se vrhnout do Reactu.

npx create-react-app reactive-blog-posts

Here we go: npm start

Pro správný debug ještě bylo potřeba doinstalovat pár pluginu do VS Code, jinak to bude black magic.

Importy odpovídají za import modulů (tento modul musím exportovat). Když je v souboru jenom jeden komponen můžu exportovat pomocí

export default component;

Pak při referenci se tento component může jmenovat jakkoliv a nepotřebuje chlupaté závorky

Samotné slovíčko import nám dovoluje babel. Ale třeba připojení obrázků a stylu přes import, za to už odpovídá webpack. Taky při importu nemusíme specifikovat js soubory nazvane "index.js"

Co se týká jsx a psaní komponent, tak všechno, co se bude překládát do JS, se musí dávat do závorek

Co se týká skruktury projektu, tak se to může dělit na stránky se svými js soubory a každá stránka má svojí složku "components"?