Klijentske web-aplikacije i biblioteka React

master's thesis

• Author: Matija Šelendić
• Mentor: Zvonimir Bujanović (mentor)
• Committee member: Zvonimir Bujanović (predsjednik povjerenstva)
• Committee member: Eduard Marušić-Paloka (član povjerenstva)
• Committee member: Tomislav Berić (član povjerenstva)
• Committee member: Vedran Čačić (član povjerenstva)
• Granter: University of Zagreb; Faculty of Science; (Department of Mathematics); Zagreb
• Defense date and country: 2020-02-27, Croatia
• Scientific / art field, discipline and subdiscipline: NATURAL SCIENCES; Mathematics

Abstract

U ovom radu prezentirana je biblioteka React. Ona je napisana u programskom jeziku JavaScript, otvorenog je koda te je besplatna za korištenje. U prvom poglavlju opisani su osnovni koncepti Reacta. Na samom početku objašnjeno je kako se provodi njegova instalacija te stvaranje prve aplikacije koristeći npm-ov paket create-react-app. Nakon toga se govorilo o komponentama, neovisnim gradivnim cjelinama svake React aplikacije te kako ih React koristi za izgradnju korisničkog sučelja. Opisane su metode životnog ciklusa komponente, njihova svojstva, unutarnje stanje te kako njihovim korištenjem više komponenti može međusobno komunicirati. Na kraju poglavlja objašnjeno je kako React upravlja događajima te novi koncept hooks funkcija koje uvelike olakšavaju razvoj web-aplikacija. U drugom poglavlju su opisani neki dodatni paketi koji se koriste u većini React web-aplikacija: react-router-dom, reactstrap i axios. U trećem poglavlju je za potrebe ovoga rada opisana složenija web-aplikacija za upravljanje razvojem proizvoljnih agilnih projekata. Na početku je opisana funkcionalnost same web-aplikacije, kako se ona upotrebljava i koje su njezine mogućnosti te je pokazana implementacija koncepata iz prvog poglavlja.

Abstract (english)

In this thesis React library was presented. React is free to use and open-source library written in JavaScript programming language. In the first chapter, the main concepts of React were described. The chapter starts by installation of React and the creation of first application using the npm package createreact-app was explained. The main topic of the chapter are React components: independent, reusable building blocks. We also explain the way that React uses them to render and compose user interface. Its lifecycle methods were described, as well as properties, and the internal state of React components, along with its use for establishing communication of multiple components. At the end of the chapter, it was shown how React manages events, as well as hooks, functions that were recently added to React which made application development in React much easier. In chapter two, several external packages were explained which are typically used within most React applications. Those packages are react-router-dom, reactstrap and axios. In chapter three, implementation of a more complex web-application was described. Its purpose is to manage development of agile projects. It was explained how to use the application and its features. Also, concepts from chapter one are demonstrated in practice.

• Keywords: web aplikacija; JavaScript; React; hooks funkcije
• Keywords (english): web application; JavaScript; React; hooks functions
• Language: croatian
• URN:NBN: urn:nbn:hr:217:514024
• Study programme: Title: Computer Science and Mathematics; Study programme type: university; Study level: graduate; Academic / professional title: magistar/magistra računarstva i matematike (magistar/magistra računarstva i matematike)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Open access
• Created on: 2020-10-07 10:13:45