Naslov ReactJS JavaScript programska zbirka
Naslov (engleski) ReactJS JavaScript library
Autor Karlo Tomašić
Mentor Vladimir Stanisavljević (mentor)
Član povjerenstva Andrija Bernik (predsjednik povjerenstva)
Član povjerenstva Vladimir Stanisavljević (član povjerenstva)
Član povjerenstva Dražen Crčić (član povjerenstva)
Ustanova koja je dodijelila akademski / stručni stupanj Sveučilište Sjever (Sveučilišni centar Varaždin) (Odjel za multimediju) Koprivnica
Datum i država obrane 2022-09-29, Hrvatska
Znanstveno / umjetničko područje, polje i grana TEHNIČKE ZNANOSTI Grafička tehnologija Procesi grafičke reprodukcije
Sažetak Namjera ovog završnog rada o ReactJS-u jest bila istražiti značajke, pobliže saznati što
sve nudi, osnovne koncepte arhitekture, kako je drugačiji od ostalih programskih zbirki i
razvojnih okvira, procese rukovanja s velikim brojem podataka te ostale funkcionalnosti. Razlog
odabira ReactJS-a jest bio bolje upoznavanje sa samom programskom zbirkom, a i pozitivna
iskustva s istim prilikom korištenja.
Kroz istraživanje, ustanovljeno je da je ReactJS manje komplicirana programska zbirka u
usporedbi s ostalima. Veoma je agilna u razvoju, te je brzo renderirajuća programska zbirka.
Učenje, a i savladavanje ReactJS-a oduzima manje vremena u odnosu na druge iz razloga jer je
to samo programska zbirka, a ne razvojni okvir. Uobičajeno, treba više vremena kako bi
savladali ostale razvojne okvire te naučili njihovu terminologiju.
Osim toga, glavni koncept ReactJS-a su komponente. Sve što vidimo na front-endu je
ništa više od običnih komponenti. Korisničko sučelje je jednostavno kolekcija komponenti.
Promjene u jednoj komponenti, ne utječu nužno na druge komponente. Zato je ažuriranje
aplikacije tijekom promjene u podacima olakšano i manje kompleksno. Za izvođenje ove
funkcionalnosti React uvodi modificirani koncept objektnog modela dokumenta (engl. document
object model - DOM), virtualni DOM.
Jednosmjerni protok podataka prilikom upravljanja istima je još jedna prednost Reacta.
Podaci mogu biti promijenjeni s bilo koje točke u aplikaciji. S obzirom na to da podaci teku u
jednom smjeru, React nam nudi stabilnu kontrolu stanja aplikacije. Dodatak nove sintakse, JSX,
se također pokazao kao odličan dodatak brzom renderiranju.
Sažetak (engleski) The intention of this final paper about ReactJS is to explore the features, learn more about
what it offers, the basic concepts of architecture, how it’s different from other libraries and
frameworks, the process of handling a large amount of data and other functionalities. The reason
for choosing ReactJS was to better familiarize myself with the library, as well as positive
experience with its prior usage.
While exploring ReactJS, conclusion was made that it is a much easier library to learn
compared to others. It is a very agile and fast-rendering library in development. Learning and
mastering ReactJS takes less time compared to others because it is just a library and not a
framework. Usually, it takes more time to master frameworks and learn their terminology.
Apart from that, the main concept of ReactJS are components. Everything we see on the
front-end is nothing more than ordinary components. A user interface is simply a collection of
components. Changes in one component do not necessarily affect other components. That’s why
updating apps during data changes is easier and less complex. This is possible because React
uses its own concept of DOM, the React virtual DOM.
One-way flow of data when it is being managed is another advantage of React. Data can
be changed at any point in the application. Giver that data flows in one direction, React offers
stable control over the state of the application. The addition of a new syntax, JSX, also proved to
be a great addition to fast rendering.
Ključne riječi
ReactJS
programska zbirka
komponente
virtualni DOM
protok podataka
Ključne riječi (engleski)
ReactJS
library
components
virtual DOM
data flow
Jezik hrvatski
URN:NBN urn:nbn:hr:122:545115
Studijski program Naziv: Multimedija, oblikovanje i primjena Vrsta studija: stručni Stupanj studija: preddiplomski Akademski / stručni naziv: stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije (bacc. ing. techn. graph.)
Vrsta resursa Tekst
Način izrade datoteke Izvorno digitalna
Prava pristupa Otvoreni pristup
Uvjeti korištenja
Datum i vrijeme pohrane 2022-11-11 13:56:23