Инсталација и подготовка на 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/ и ќе ја видиме познатата почетна страница. Сè работи.

Сега да ги отстраниме непотребните работи. Да ја исчистиме папката public. Во папката src ќе оставиме само main.jsx, index.css и App.jsx (во index.css и App.jsx целосно да го избришеме содржината).

Во датотеката index.html да го замениме текстот на насловот со:

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