Architecture of modern web single page React applications
| Thesis title: | Architektura moderních jednostránkových webových React aplikací |
|---|---|
| Author: | Draslar, Josef |
| Thesis type: | Diplomová práce |
| Supervisor: | Buchalcevová, Alena |
| Opponents: | Černý, Jan |
| Thesis language: | Česky |
| Abstract: | 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í. |
| Keywords: | vývoj; React; Redux; Node JS; JavaScript; moderní webová aplikace; JS; Ecma Script; ES2015; ES6 |
| Thesis title: | Architecture of modern web single page React applications |
|---|---|
| Author: | Draslar, Josef |
| Thesis type: | Diploma thesis |
| Supervisor: | Buchalcevová, Alena |
| Opponents: | Černý, Jan |
| Thesis language: | Česky |
| 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. |
| Keywords: | development; modern web application; React; Redux; Node JS; ES2015; ES6; JavaScript; JS; Ecma Script |
Information about study
| Study programme: | Aplikovaná informatika/Informační systémy a technologie |
|---|---|
| Type of study programme: | Magisterský studijní program |
| Assigned degree: | Ing. |
| Institutions assigning academic degree: | Vysoká škola ekonomická v Praze |
| Faculty: | Faculty of Informatics and Statistics |
| Department: | Department of Information Technologies |
Information on submission and defense
| Date of assignment: | 1. 2. 2017 |
|---|---|
| Date of submission: | 22. 4. 2018 |
| Date of defense: | 4. 6. 2018 |
| Identifier in the InSIS system: | https://insis.vse.cz/zp/63385/podrobnosti |