React.js okvir

undergraduate thesis

• Title (english): React.js framework
• Author: Bruno Stojaković
• Mentor: Kristina Kocijan (mentor)
• Committee member: Vedran Juričić (predsjednik povjerenstva)
• Committee member: Kristijan Klasan (član povjerenstva)
• Committee member: Kristina Kocijan (član povjerenstva)
• Granter: University of Zagreb; Faculty of Humanities and Social Sciences; (Department of information and Communication sciences); Zagreb
• Defense date and country: 2023-09-12, Croatia
• Scientific / art field, discipline and subdiscipline: SOCIAL SCIENCES; Information and Communication Sciences; Information and Software Engineering

Abstract

Tema ovog rada je okvir za programiranje React.js te njegov način rada i primjena u izradi modernih internetskih stranica. Cilj rada je prikazati prednosti i mane Reacta ne samo na teoretskoj razini već i praktičnoj kroz konkretni primjer stranice s internetskom trgovinom. S ciljem jasnog razumijevanja Reacta, u radu je kratko opisana povijest tehnologije koja se koristi pri izradi internetskih stranica te problemi koji su doveli do razvoja samog Reacta. Opisane su tehnologije iz mrežnih standarda poput JavaScript-e, HTML-a i CSS-a koje se koriste u Reactu kao i tehnologije po kojima se on razlikuje od ostalih alata za izradu mrežnih aplikacija. Dodatno je napravljena usporedba između okvira Reacta, Vue.js-a i Ember.js-a uz prikaz njihovih općih prednosti i mana. Na konkretnom primjeru Internet trgovine pojašnjene su komponente Reacta poput ugniježđenih komponenti, JSX-a, razlike između stanja i značajki te prednosti virtualnog DOM-a naspram stvarnog. Ukratko su prikazani i načini upotrebe različitih alata potrebnih za izradu uporabljive internetske stranice koja u svojoj podlozi ima Internet trgovinu.

Abstract (english)

The topic of this thesis is the programming framework React.js, its functionality and application in developing modern web pages. The thesis anaylzes advantages and disadvantages of React both on the theoretical and practical levels via an example webpage with a web store. In order to better understand React, the thesis briefly describes the history of the technologies used in creating network standards such as JavaScript, HTML and CSS which are also utilised in React, as well as its technologies which make Reac different from other tools for creation of network applications. Additionally, a comparison is made between React.js, Vue.js and Ember.js framework explaining their general features. The web store example presents React components such as nested components, JSX, differences between state and properties and advantages of virtual DOM over the real one. It briefly summarizes methods of using different tools necessary for making a functional web page that includes a web store.

• Keywords: React.JS. JSX; JavaScript; virtualni DOM; Internet trgovina.
• Keywords (english): React.js; JSX; JavaScript; virtual DOM; web store
• Language: croatian
• URN:NBN: urn:nbn:hr:131:534758
• Study programme: Title: Information Sciences; Study programme type: university; Study level: undergraduate; Academic / professional title: sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) informacijskih znanosti (sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) informacijskih znanosti)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Open access
• Created on: 2023-09-13 17:58:09