React programmasyny gurnamak we taýýarlamak

Bu sapakda biz gurnamak we taýýarlamak bilen başlarys React programmasyny, sebäbi indiki wagtlarda biz ony Redux bilen baglanyşykda ulanarys. React programmasynyň Redux bilen şablonyny döretmek üçin has çalt usullary bar (resmi dokumentasiýada görkezilen ýaly, bu ýagdaýda hemme wagt aňsat däldir, esasanam täze başlanýanlar üçin), ýöne biz noldan başlarys.

Başlangyç üçin, Vite ulanyp React programmasyny döredeliň my-app (bu Webpack-iň modaly çalşysy). Bunun üçin terminal-y açarys we aşakdaky buýruklary girizeris (tekliplenen wariantlarda, eger bar bolsa, React we soňra JavaScript saýlaýarys):

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

Döredilen programmany işledeliň:

npm run dev

Brauzerde tekliplenen baglanyşygy açalyň http://localhost:5173/ we tanymal ekran görüntüsini göreris. Hemme işleýär.

Indi artykmaçlary aýyryň. public bukjasyny arassalaň. src bukjasyna diňe main.jsx, index.css we App.jsx galdyryň (index.css we App.jsx faýllarynyň mazmunyny doly aýyryň).

index.html faýlynda taýtlyň tekstini şu bilen çalyşyň:

<title>React Redux App</title>

React programmasyny dörediň we onyň işleýändigine göz ýetiriň.

Artykmaç faýllary we bukjalary aýyryň.