Inštalácia frameworku React

Na inštaláciu frameworku budete potrebovať NodeJS 22+ na vašom počítači. Pre vytvorenie projektu v príkazovom riadku vykonajte nasledujúci príkaz:

terminalnpm create vite@latest my-app -- --template react

A potom vykonajte nasledujúce príkazy:

terminalcd my-app
npm install
npm run dev

Potom budete mať priečinok my-app, ktorý obsahuje framework. Nájdite v tomto priečinku priečinok src - to bude váš pracovný priečinok, v ktorom budete vyvíjať váš projekt.

V priečinku src nájdite súbor App.js. V najbližších lekciách bude tento súbor vaším hlavným pracovným súborom. V ňom budete písať kód, pričom budete pozorovať jeho výsledky v okne prehliadača.

Otvorte tento súbor v editore a odstráňte z neho všetko nepotrebné, čím ho uvediete do takejto podoby:

App.jsimport React from 'react';

function App() {
  return <div>
    text
  </div>;
}

export default App;

Po nainštalovaní vášho projektu pre ďalšie spustenie (napríklad po reštartovaní počítača) vám bude stačiť prejsť cez terminál do priečinka my-app a vykonať nasledujúci príkaz:

terminalnpm run dev