React-ի հավելվածի տեղադրում և պատրաստում
Այս դասում մենք կսկսենք React-ի հավելվածի տեղադրումից և պատրաստումից, քանի որ հետագայում այն կօգտագործենք Redux-ի հետ միասին: Կան React-ի հավելվածի կաղապարն ավելի արար ստեղծելու եղանակներ Redux-ի հետ (ինչը, ի դեպ, միշտ չէ, որ նշանակում է հեշտ, հատկապես նորեկների համար), որոնք նշված են պաշտոնական փաստաթղթերում, բայց մենք կգնանք զրոյից:
Սկզբից կստեղծենք React-ի հավելված
my-app օգտագործելով Vite
(սա Webpack-ի նորաձև փոխարինումն է):
Դրա համար կբացենք տերմինալը
և կմուտքագրենք հետևյալ հրամանները (առաջարկվող ընտրանքներում,
եթե այդպիսիք կան, կընտրենք React և ապա JavaScript):
npm create vite@latest my-app -- --template react
cd my-app
npm install
Կգործարկենք ստեղծված հավելվածը:
npm run dev
Բրաուզերում կբացենք առաջարկված հղումը
http://localhost:5173/ և կտեսնենք
ծանոթ écran-ը: Ամեն ինչ աշխատում է:
Այժմ կհեռացնենք ավելորդը: Կմաքրենք public պանակը:
src պանակում կթողնենք միայն main.jsx,
index.css և App.jsx (index.css
և App.jsx ֆայլերում ամբողջությամբ կջնջենք պարունակությունը):
index.html ֆայլում կփոխարինենք
վերնագրի տեքստը հետևյալով.
<title>React Redux App</title>
Ստեղծեք React-ի հավելված և համոզվեք, որ այն աշխատում է:
Հեռացրեք ավելորդ ֆայլերն ու պանակները:
