Instalacja frameworka React

Do instalacji frameworka potrzebujesz NodeJS 22+ na swoim komputerze. Aby utworzyć projekt, wykonaj w linii poleceń następujące polecenie:

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

A następnie wykonaj następujące polecenia:

terminalcd my-app
npm install
npm run dev

Po tym pojawi się folder my-app, zawierający framework. Znajdź w tym folderze folder src - to będzie twój folder roboczy, w którym będziesz prowadzić rozwój swojego projektu.

W folderze src znajdź plik App.js. W najbliższych lekcjach ten plik będzie twoim głównym plikiem roboczym. W nim będziesz pisać kod, obserwując jego wyniki w oknie przeglądarki.

Otwórz ten plik w edytorze i usuń z niego wszystko zbędne, doprowadzając go do takiej postaci:

App.jsimport React from 'react';

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

export default App;

Po zainstalowaniu projektu, przy następnym uruchomieniu (na przykład po restarcie komputera) wystarczy, że przejdziesz przez terminal do folderu my-app i wykonasz następujące polecenie:

terminalnpm run dev