Installation av React-ramverket

För att installera ramverket behöver du NodeJS 22+ på din dator. För att skapa ett projekt, kör följande kommando på kommandoraden:

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

Och kör sedan följande kommandon:

terminalcd my-app
npm install
npm run dev

Efter detta kommer du att ha en mapp my-app som innehåller ramverket. Leta reda på mappen src i denna mapp - detta kommer att vara din arbetsmapp, där du kommer att utveckla ditt projekt.

I mappen src, hitta filen App.js. Under de närmaste lektionerna kommer denna fil att vara din huvudsakliga arbetsfil. I den kommer du att skriva kod och observera resultaten i webbläsaren.

Öppna denna fil i en redigerare och ta bort allt överflödigt, så att den ser ut så här:

App.jsimport React from 'react';

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

export default App;

Efter att ditt projekt har installerats, för nästa uppstart (till exempel efter en omstart av datorn) behöver du bara gå via terminalen till mappen my-app och köra följande kommando:

terminalnpm run dev