ReactJS » Historie » Verze 1
Jiří Trefil, 2023-03-26 19:20
| 1 | 1 | Jiří Trefil | h1. ReactJS; jeho instalace obecně. |
|---|---|---|---|
| 2 | |||
| 3 | # Potřeba Node.js nainstalované |
||
| 4 | # Vytvořit adresář, do kterého se poté pomocí npm / npx vygenerují základní balíčky reactu |
||
| 5 | - npm spravuje všechny balíčky a moduly pro Node.js |
||
| 6 | - npx spouští balíčky npm. Příkaz npx může spustit libovolný npm balíček, aniž bychom tento balíček instalovali. npx je užitečný během jednorázového použití balíčku. |
||
| 7 | # V adresáři pro projekt: |
||
| 8 | npx create-react-app@[verze, např. ^5.0.1] <nazev_projektu> |
||
| 9 | |||
| 10 | # public obsahuje veřejně přístupné soubory, tnz. .html soubory, obrázky apod. |
||
| 11 | src slouží pro programování |
||
| 12 | |||
| 13 | # npm start v <nazev_projektu>, projekt poběží typicky na localhost:3000 |
||
| 14 | |||
| 15 | # npm -i <nazev_komponenty>[@^verze] - to je pro instalaci potřebných balíčků. Stejně jako pip pro python. |
||
| 16 | |||
| 17 | h1. Struktura Reactu v projektu |
||
| 18 | |||
| 19 | * Uvnitř projektu SPADe byl vytvořen nový modul "ui". Tento modul uvnitř sebe obsahuje spustitelný reactí projekt. Tato adresářová struktura včetně potřebných souborů byla vygenerována pomocí IntelliJ ultimate edition. Nicméně ide neudělal nic jiného než kroky zmíněné u instalace nahoře. Projekt je v type scriptu (tsx, ts koncovky). |
||
| 20 | * Pro spuštění Reactu je třeba přejít v terminálu do root adresáře "ui" a zadat příkaz *npm start*. Pokud vše dobře dopadne, měl by se otevřít webový prohlížeč s nastartovanou aplikací. |