Инсталација и припрема 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>