Title ReactJS JavaScript programska zbirka
Title (english) ReactJS JavaScript library
Author Karlo Tomašić
Mentor Vladimir Stanisavljević (mentor)
Committee member Andrija Bernik (predsjednik povjerenstva)
Committee member Vladimir Stanisavljević (član povjerenstva)
Committee member Dražen Crčić (član povjerenstva)
Granter University North (University centre Varaždin) (Department of Multimedia, Design and Application) Koprivnica
Defense date and country 2022-09-29, Croatia
Scientific / art field, discipline and subdiscipline TECHNICAL SCIENCES Graphic Technology Processes of Graphic Reproduction
Abstract 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.
Abstract (english) 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.
Keywords
ReactJS
programska zbirka
komponente
virtualni DOM
protok podataka
Keywords (english)
ReactJS
library
components
virtual DOM
data flow
Language croatian
URN:NBN urn:nbn:hr:122:545115
Study programme Title: Graphical Studies: Multimedia, Design and Application Study programme type: professional Study level: undergraduate Academic / professional title: stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije (stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije)
Type of resource Text
File origin Born digital
Access conditions Open access
Terms of use
Created on 2022-11-11 13:56:23