Návrh a implementace webové aplikace s využitím React JS

Bc. Michal Honc

Master's thesis

Design and implementation of a web application using React JS

Abstract:

Tato diplomová práce se zabývá problematikou návrhu a implementace moderníchwebových technologií v knihovně React JS. Hlavní cíl práce je představení moderníchtechnik používaných pří vývoji aplikací na straně klienta. Čtenář se v práci seznámí sproblematikou vývoje webových aplikací, která zahrnuje termíny single-page aplikace,server-side rendering či reaktivní programování. Dále jsou popsány jednotlivé návrhovévzory, které se aplikují v moderních projektech. Následně jsou představeny jednotlivéjazyky, knihovny a frameworky použité v praktické části práce. Praktická část je řešena jakonávrh a implementace webové aplikace. Nejprve je provedena analýza požadavků, kterávycházela z uživatelských potřeb, získaných diskuzí se zadavatelem aplikace. Následně jeproveden grafický návrh aplikace v podobě skici, drátěného modelu a finálního grafickéhonávrhu aplikace. Poté byla provedena komparace návrhových vzorů pomocí kvalitativnívícekriteriální analýzy variant. Ve výzkumu byly použity metody focus group, Saatyhometoda vzájemného porovnání a metoda pořadí. Výsledkem bylo vybrání nejvhodnějšíhonávrhového vzoru, který byl aplikován při vývoji aplikace. Následně proběhl samotný vývojwebové aplikace a jeho následovné otestování.Výsledkem práce je popis jednotlivých částí procesu návrhu a implementace moderníwebové aplikace v knihovně React JS.

Abstract:

This diploma thesis deals with the design and implementation of modern webtechnologies in the React JS library. The main goal of the work is to introduce moderntechniques used in client application development. The reader familiarizes himself with theproblem of web application development, which includes single-page application terms,server-side rendering and reactive programming. The thesis also describes individual designpatterns that are applied in modern projects. Subsequently, the individual languages, librariesand frameworks used in the practical park of the thesis are presented. The practical part issolved as web application design and implementation. First, a requirement analysis based onthe requirements of the discussions with the developer of the application was performed.Consequently, the graphic design of the application is made in the form of a sketch, awireframe and the final graphic design of the application. Then a comparison of designpatterns was performed using qualitative multicriterial analysis of variants. The focus group,Saaty method of mutual comparison and method of order were used in the research. Theresult was the selection of the most appropriate design pattern that was applied whendeveloping the application. Subsequently, the development of the web application itself andits subsequent testing took place.The result of the thesis is a description of the individual parts of the process of designand implementation of a modern web application in the React JS library.

Keywords

React JS, Flux, REST, Webová služba, JavaScript

Keywords

Flux, Web service, REST, JavaScript, React JS

Language used: Czech

Date on which the thesis was submitted / produced: 28. 3. 2019

Thesis defence

• Supervisor: Ing. Jan Tyrychtr, Ph.D.

Czech University of Life Sciences Prague

Faculty of Economics and Management

Master programme / field:
Systems Engineering and Informatics / Informatics