Kódím.cz
/ Czechitas / Digitální akademie Web / React / Úvod do Reactu / Cvičení: První React aplikace
1

Úvod do Reactu

Napíšeme si první aplikace v Reactu a představíme si hlavní principy tohoto moderního frameworku.

Nemá předchozí
lekci
Následujicí
Formulářové prvky, efekty
Založení React projektuCvičení: První React aplikaceUdálostiCvičení: UdálostiStavPravidla pro práci se stavemCvičení: StavDoporučené úložky na domaShrnutí
1
Seznamka
Vytvořte stránku s profilem uživatele na seznamce.

  1. Založte si nový projekt pomocí npm init kodim-app@latest seznamka react.

  2. Spusťte vývojový server pomocí npm run dev.

  3. Prohlédněte si strukturu projektu, všimněte si, kde je hlavní index.jsx a kde je komponenta HomePage.

  4. V komponentě HomePage vytvořte obsah představující profil uživatele na seznamce. Můžete se inspirovat následujícím designem:

    Pokud layout chcete dodržet přesně, stáhněte si profilový obrázek. Můžete však návrh vzít pouze jako inspiraci a výsledný vzhled zvolit podle svého uvážení tak, abyste si zvykli na práci s novou strukturou projektu. Můžete také projekt použít jako cvičení na tvorbu komponent, pokud si ještě nejste v tomto dokonale jistí.