• Szerző: Sallai András
• Copyright © 2022, Sallai András
• Szerkesztve: 2022, 2024
• Licenc: CC Attribution-Share Alike 4.0 International
• Web: https://szit.hu

Weblap a kezdéshez:

• https://react.dev/
• https://create-react-app.dev/

Projekt készítése:

npx create-react-app app01

Az első indításnál megkérdezi, hogy telepítsük-e a create-react-app csomagot:

npx create-react-app app01
Need to install the following packages:
  create-react-app
Ok to proceed? (y)

Enter lenyomása után indul a letöltési és a projekt készítése.

Ha elkészült a projekt lépjünk be a projekt könyvtárába:

cd app01

A szerver indítása:

npm start

Tegyünk az App.js fájlba egy új sort:

<p>{ 3 * 5 }</p>

<p>{ 3 * 5 }</p>

Nézzük meg weboldalon.

Nem jelenik meg:

{ false &&
  <p>{ 3 * 5 }</p>
}

Megjelenik:

{ true &&
  <p>{ 3 * 5 }</p>
}

A projekt létrehozásakor:

npx create-react-app app01
Need to install the following packages:
  create-react-app
Ok to proceed? (y)

You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.1).

We no longer support global installation of Create React App.

Please remove any global installs with one of the following commands:
- npm uninstall -g create-react-app
- yarn global remove create-react-app

The latest instructions for creating a new app can be found here:
https://create-react-app.dev/docs/getting-started/

Megoldás:

npx clear-npx-cache

Vagy:

npx create-react-app@latest app01