KLIJENTSKI DIO JEDNOSTRANIČNE WEB APLIKACIJE

U radu je ukratko objašnjen način izrade modernih jednostraničnih web aplikacija koristeći ReactJS radni okvir i Redux knjižnicu za upravljanje stanjem. Jednostranične web aplikacije nastoje pružiti korisničko iskustvo slično onome desktop aplikacija, a to postižu prebacivanjem aplikacijske logike s poslužiteljske na klijentsku stranu aplikacije. Nakon početnog učitavanja web stranice, sve se daljnje promjene izvršavaju samo na dijelovima aplikacije, bez ponovnog učitavanja cijele stranice. Komunikacija s poslužiteljem svedena je na dohvaćanje podataka, koje poslužitelj dostavlja u JSON formatu. U radu se analiziraju prednosti i nedostaci ovakvog pristupa razvoju web aplikacije te se dolazi do zaključka da prebacivanje aplikacijske logike na klijenta uvelike pridonosi responzivnosti stranice i korisničkom iskustvu te rasterećenju poslužitelja, a nije preporučljivo jedino u slučaju kada početno učitavanje aplikacije mora biti jako brzo. Kao praktični dio završnog rada izrađen je klijentski dio jednostranične aplikacije Django Online Judge koristeći ReactJS i Redux te je aplikacija opisana u radu.The thesis paper contains a brief introduction to development of modern single-page web applications (SPA) using ReactJS framework and Redux state management library. Single-page applications strive to provide customer experience similar to that found in desktop apps, which is achieved by moving the application logic from the server to the client side of the application. After the initial loading of the webpage, all the following changes are rendered on parts of the page, without the need for a full reload. All the server does is provide needed dana in JSON format. The paper analyses the advantages and disadvantages of this approach to web application development and comes to the conclusion that keeping the application logic on the client-side greatly contributes to the application's responsiveness and user experience as well as server unloading, and is not recommended only for applications that need the initial loading to be very fast. The practical part of the thesis consisted of building the frontend for a single-page application Django Online Judge using ReactJS and Redux, which is described in the paper