React-қолданбасын орнату және дайындау

Бұл сабақта біз React-қолданбасын орнату және дайындаудан бастаймыз, себебі болашақта оны Redux-пен бірге қолданамыз. React-қолданбасын Redux-пен құрудың жылдам әдістері бар (бұл, айта кетейік, әсіресе жаңадан келгендер үшін әрдайым оңай бола бермейді), олар ресми құжаттамада көрсетілген, бірақ біз нөлден бастаймыз.

Алдымен, Vite көмегімен my-app React-қолданбасын құрамыз (бұл Webpack үшін заманауи ауыстырушы). Ол үшін терминалды ашып, төмендегі командаларды енгіземіз (ұсынылған опцияларда, егер бар болса, React-ті, содан кейін JavaScript-ті таңдаймыз):

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

Құрылған қолданбаны іске қосамыз:

npm run dev

Браузерде ұсынылған http://localhost:5173/ сілтемесін ашып, таныс экранды көреміз. Барлығы жұмыс істейді.

Енді артық нәрселерді жоямыз. public бумасын тазартамыз. src бумасында тек main.jsx, index.css және App.jsx қалдырамыз (index.css және App.jsx файлдарынан мазмұнның толығымен жоямыз).

index.html файлында тайтл мәтінін мынаған ауыстырамыз:

<title>React Redux App</title>

React-қолданбасын құрыңыз және оның жұмыс істейтініне көз жеткізіңіз.

Артық файлдар мен бумаларды жойыңыз.