React — frontend framework za moderne veb aplikacije

Šta ćete umeti posle kursa

• Podelite interfejs na komponente i prosledite podatke kroz props.
• Upravljate stanjem pomoću useState, useReducer i Context-a i znate gde koje stanje treba da živi.
• Učitate podatke sa API-ja uz stanja učitavanja i greške, uz biblioteku TanStack Query.
• Napravite navigaciju između stranica sa React Routerom.
• Napravite forme sa validacijom koristeći moderne React 19 mogućnosti za forme i akcione funkcije.
• Napišete testove komponenti u Vitest-u i React Testing Library.
• Objavite aplikaciju i proverite performanse u React Developer Tools.

Program kursa

1. 1

   Projekat i JSX

   Vite i TypeScript šablon, struktura projekta, JSX, komponente kao funkcije, props, uslovni prikaz i liste sa key.

2. 2

   Stanje i događaji

   useState, obrada događaja, podizanje stanja, kontrolisani inputi, useReducer za složenije stanje.

3. 3

   Efekti i podaci sa servera

   useEffect i kada ga ne koristiti, fetch, TanStack Query, keširanje i ponovno učitavanje, stanja učitavanja i grešaka.

4. 4

   Rute i raspored aplikacije

   React Router, ugnežđene rute, parametri u URL-u, zaštićene stranice, layout komponente.

5. 5

   Forme i deljeno stanje

   Forme u React 19 (useActionState, useFormStatus), validacija, Context API, prilagođeni hookovi.

6. 6

   Stilizovanje i komponente

   CSS moduli, Tailwind CSS, gotove biblioteke komponenti, pristupačnost interaktivnih elemenata.

7. 7

   Testovi, performanse i AI

   Vitest i React Testing Library, React Developer Tools, React Compiler i memoizacija, objava na Vercel ili Netlify, AI asistent za komponente uz pregled koda.