Инсталација React оквира

За инсталацију оквира биће вам потребан NodeJS 22+ на вашем рачунару. За креирање пројекта у командној линији извршите следећу команду:

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

А затим извршите следеће команде:

terminalcd my-app
npm install
npm run dev

Након тога имаћете фолдер my-app, који садржи оквир. Пронађите у том фолдеру фолдер src - то ће бити ваш радни фолдер, у ком ћете водити развој вашег пројекта.

У фолдеру src пронађите фајл App.js. Најближи лекције овај фајл ће бити ваш главни радни фајл. У њему ћете писати код, посматрајући његове резултате у прозору прегледача.

Отворите овај фајл у едитору и обришите из њега све непотребно, доводећи га у овакав изглед:

App.jsimport React from 'react';

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

export default App;

Након што је ваш пројект инсталиран, за следеће покретање (на пример, после поновног покретања рачунара) биће вам довољно да пређете преко терминала у фолдер my-app и извршите следећу команду:

terminalnpm run dev