Komunikacija med komponentami v sodobnih spletnih ogrodjih

Lavrinec, Marko (author), Jurič, Matjaž Branko (mentor)

V magistrskem delu smo se lotili analize sodobnih spletnih ogrodij s poudarkom na komponentah in komunikaciji med njimi. Za cilj naloge smo si zadali, da jih podrobneje spoznamo ter izkusimo njihov razvoj s pripravo nadgradnje v izvorni kodi enega izmed njih. Najprej smo raziskali področje in poiskali najpopularnejša spletna ogrodja. V 2020 so to Angular, React in Vue. Ogledali smo si njihove osnove, nato pa pri vsakem podrobneje še delovanje komponent ter možnosti komunikacije med njimi. V vsakem od ogrodij smo pripravili enake aplikacije ter jih medsebojno primerjali. Pri tem smo bili pozorni na razlike v izdelavi, končno velikost izdelka ter učinkovitost izvajanja v brskalniku. Na podlagi analiz smo predlagali nadgradnjo ogrodja Angular in jo realizirali. Uspešno smo izdelali nov način zaznavanja sprememb v komponentah, z željo olajšati programiranje ter izboljšati uporabniško izkušnjo aplikacij. Tudi z novim načinom zaznavanja sprememb smo pripravili aplikacijo, izdelano po vzoru prejšnjih ter tudi to testirali po enakih kriterijih. Kot rezultat smo dobili aplikacijo, ki je narejena na preprostejši način in deluje bolj učinkovito.

• Language: Slovenian
• Keywords: komunikacija, zaznavanje sprememb, spletno ogrodje, Angular, React, Vue
• Work type: Master's thesis/paper
• Typology: 2.09 - Master's Thesis
• Organization: FRI - Faculty of Computer and Information Science
• Year: 2020
• PID: 20.500.12556/RUL-122897
• COBISS.SI-ID: 43171331
• Publication date in RUL: 15.12.2020

Secondary language

• Language: English
• Title: Communication Between Components in Modern Web Frameworks

Abstract

In this master's thesis, we have analysed modern web frameworks with an emphasis on their components and communication between them. Our goal was to get the advanced knowledge of frameworks and experience their development by preparing an upgrade for one of them. At the beginning, we researched the field of web frameworks and then we have chosen the most popular ones. We found out that currently these are: Angular, React and Vue. First we explored their basics and then examine the components and communication between them. We prepared the equal applications for all of the chosen frameworks and compared them with each other. We paid attention to the differences in development, the final size of applications and the efficiency of running them in the web browser. Based on the analysis, we proposed an upgrade of the Angular framework and implemented it. We have successfully developed a new way of components change detection, with the aim to make development easier and to improve the user experience of applications. With a new way of change detection, we have also prepared an application modeled on the previous ones and tested it against the same criteria. As a result, we have a web application that works more efficiently, and it can be written with less effort.

• Keywords: communication, change detection, web frameworks, Angular, React, Vue