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-колдонмо түзүңүз жана ал иштеп жатканына ынаныңыз.

Керексиз файлдарды жана папкаларды өчүрүңүз.