Steg 3: Skapa projektmappen

Nu när vi har alla nödvändiga externa verktyg kan vi börja skapa projektet. Uppgiften är att skapa en ny tom mapp specifikt för projektet, där inget annat ska lagras.

Steg att följa:

1. Välj plats: Välj en plats på din dator där du vill skapa projektmappen. Det kan vara var som helst du föredrar, till exempel på skrivbordet eller i en specifik katalog;
2. Skapa en ny mapp: Högerklicka på den valda platsen och välj "Ny mapp" från snabbmenyn;
3. Namnge mappen: Ge mappen ett meningsfullt namn. Detta kommer att fungera som rotmapp för ditt React-projekt, så välj ett informativt och relevant namn för projektets syfte. Till exempel kan du namnge den movies-app, store-app, posts-app, learning-system-app osv.

Till exempel, skapa den tomma mappen med namnet movies-app.

Steg 4: Öppna mappen i din kodredigerare

För att börja arbeta med projektet behöver du öppna mappen movies-app i din kodredigerare, oavsett om det är Visual Studio Code eller någon annan redigerare du föredrar.

Följ dessa steg:

• Starta din kodredigerare. I vårt exempel använder vi Visual Studio Code (VS Code);
• Klicka på utforskarsymbolen längst upp till vänster i VS Code-gränssnittet;

• Klicka på knappen "Öppna mapp" i utforskarpanelen;

• Leta upp mappen movies-app på datorn och välj den. När dessa steg är genomförda ska mappnamnet, movies-app, visas i kodredigerarens gränssnitt.

Nu när projektmappen är konfigurerad och öppnad i kodredigeraren är du redo att börja bygga din React-applikation!