Инсталиране на框架 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