React-ի հավելվածի տեղադրում և պատրաստում

Այս դասում մենք կսկսենք React-ի հավելվածի տեղադրումից և պատրաստումից, քանի որ հետագայում այն կօգտագործենք Redux-ի հետ միասին: Կան React-ի հավելվածի կաղապարն ավելի արար ստեղծելու եղանակներ Redux-ի հետ (ինչը, ի դեպ, միշտ չէ, որ նշանակում է հեշտ, հատկապես նորեկների համար), որոնք նշված են պաշտոնական փաստաթղթերում, բայց մենք կգնանք զրոյից:

Սկզբից կստեղծենք React-ի հավելված my-app օգտագործելով Vite (սա Webpack-ի նորաձև փոխարինումն է): Դրա համար կբացենք տերմինալը և կմուտքագրենք հետևյալ հրամանները (առաջարկվող ընտրանքներում, եթե այդպիսիք կան, կընտրենք React և ապա JavaScript):

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

Կգործարկենք ստեղծված հավելվածը:

terminalnpm run dev

Բրաուզերում կբացենք առաջարկված հղումը http://localhost:5173/ և կտեսնենք ծանոթ écran-ը: Ամեն ինչ աշխատում է:

Այժմ կհեռացնենք ավելորդը: Կմաքրենք public պանակը: src պանակում կթողնենք միայն main.jsx, index.css և App.jsx (index.css և App.jsx ֆայլերում ամբողջությամբ կջնջենք պարունակությունը):

index.html ֆայլում կփոխարինենք վերնագրի տեքստը հետևյալով.

index.html<title>React Redux App</title>