Architektura moderních jednostránkových webových React aplikací

Josef Draslar

Diplomová práce

Architecture of modern web single page React applications

Anotace:

Webové aplikace obsahují zpravidla dvě části, serverovou a klientskou. Klientská část představuje podstatnou část celé aplikace. Tato oblast se vyznačuje velmi rychlým vývojem. Dobré knižní publikace jsou vždy publikovány s odstupem času, v tu chvíli je popsaná verze knihovny zpravidla již zastaralá.React je JavaScriptová knihovna pro tvorbu uživatelského rozhraní webových aplikací. Je velmi populární, především díky deklarativnímu přístupu, který zajišťuje dobrou přehlednost při vývoji webové aplikace. Nicméně uživatelské rozhraní je jen dílčí částí výsledné aplikace, tuto knihovnu je tedy třeba použít v kombinaci s dalšími knihovnami.První verze knihovny React byla vydána již před pěti lety, a ještě k tomu je skriptovací jazyk JavaScript velmi populární. Díky kombinaci těchto aspektů existuje nepřeberné množství právě knihoven a technologií k vývoji moderní webové jednostránkové aplikace. Cílem této práce je popis architektury moderní webové jednostránkové aplikace za použití jazyka JavaScript a knihovny React. V této diplomové práci popisuji vhodný výběr technologií a jejich propojení. V závěru této práce sestavuji šablonovou aplikaci, která je volně přístupná ve veřejném git repozitáři a čtenáři ji mohou použít jako základ pro vývoj vlastních aplikací.

Abstract:

Web applications usually consists of two parts, server side and client side. The client side is the essential part of the whole application. This segment is characterized by really fast development. Decent book publications are published after some while, and in that moment the content describes older version of the framework.React is JavaScript library for building user interface of web applications. It is highly popular, primarily thanks to its declarative attitude, which guarantees good clarity while developing the web application. Nevertheless, the user interface is just a component in final web application bundle, so this library must be used in combination with other libraries.The first version of React library was released years ago, and what more, scripting language JavaScript is very popular. Huge number of libraries and technologies for the modern web one-page application development exists thanks two combination of these aspects. The goal of this thesis is to describe architecture of modern web one-page application while using JavaScript and React library. For that reason, I describe convenient selection of technologies and its interconnection. Last but not least, I'm creating here the boilerplate application, which is freely available at public GitHub repository and readers are allowed to use that as the base for own application development.

Klíčová slova

vývoj, React, Redux, Node JS, JavaScript, moderní webová aplikace, JS, Ecma Script, ES2015, ES6

Keywords

development, modern web application, React, Redux, Node JS, ES2015, ES6, JavaScript, JS, Ecma Script

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 1. 2. 2017

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

• Obhajoba proběhla 4. 6. 2018
• Vedoucí: Alena Buchalcevová
• Oponent: Jan Černý

Vysoká škola ekonomická v Praze

Magisterský studijní program / obor:
Aplikovaná informatika / Informační systémy a technologie