Инсталација и подготовка на 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/ и ќе ја видиме
познатата почетна страница. Сè работи.
Сега да ги отстраниме непотребните работи. Да ја исчистиме папката public.
Во папката src ќе оставиме само main.jsx,
index.css и App.jsx (во index.css
и App.jsx целосно да го избришеме содржината).
Во датотеката index.html да го замениме текстот
на насловот со:
<title>React Redux App</title>
Создадете React-апликација и проверете, дали работи.
Избришете ги непотребните датотеки и папки.