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

Bc. Michal Honc

Diplomová práce

Design and implementation of a web application using React JS

Anotace:

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.

Klíčová slova

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

Keywords

Flux, Web service, REST, JavaScript, React JS

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 28. 3. 2019

Obhajoba závěrečné práce

• Vedoucí: Ing. Jan Tyrychtr, Ph.D.

Česká zemědělská univerzita v Praze

Provozně ekonomická fakulta

Magisterský studijní program / obor:
Systémové inženýrství a informatika / Informatika