React alkalmazás telepítése és előkészítése

Ebben a leckében a React alkalmazás telepítésével és előkészítésével kezdjük, mivel a későbbiekben Redux-szal együtt fogjuk használni. Vannak gyorsabb módok a React és Redux alkalmazássablon létrehozására (ami egyébként nem mindig jelent könnyű dolgot, különösen kezdők számára), amelyek a hivatalos dokumentációban szerepelnek, de mi a nulláról indulunk.

Kezdetben létrehozunk egy React alkalmazást my-app néven a Vite használatával (ez a Webpack divatos helyettesítője). Ehhez megnyitjuk a terminált és beírjuk a következő parancsokat (a felkínált lehetőségek közül, ha vannak ilyenek, kiválasztjuk a React-et, majd a JavaScript-et):

npm create vite@latest my-app -- --template react
cd my-app
npm install

Indítsuk el a létrehozott alkalmazást:

npm run dev

Nyissuk meg a böngészőben a javasolt linket http://localhost:5173/ és meglátjuk az ismerős kezdőképet. Minden működik.

Most távolítsuk el a felesleges dolgokat. Tisztítsuk meg a public mappát. A src mappában hagyjuk csak meg a main.jsx, index.css és App.jsx fájlokat (a index.css és App.jsx fájlokból töröljük ki teljesen a tartalmat).

A index.html fájlban cseréljük le a cím szövegét erre:

<title>React Redux App</title>

Hozz létre egy React alkalmazást és győződj meg róla, hogy működik.

Távolítsd el a felesleges fájlokat és mappákat.