State management v React frameworku

Lukáš Volf

Bachelor's thesis

State Management in React Framework

Abstract:

Hlavním cílem této bakalářské práce je popis a porovnání různých nástrojů pro state management v React frameworku. V práci bude vybráno několik momentálně nejpoužívanějších nástrojů pro state management. U každého z těchto nástrojů budou zmapovány silné a slabé stránky spolu s popisem a ukázkou jejich využití. Práce se dělí na teoretickou a praktickou část. V teoretické části budou nejprve obecně popsány webové aplikace a frontendové webové technologie s ohledem na jejich historický vývoj a relevantnost pro React framework. Následuje popis samotného React frameworku a jeho využití při tvorbě webových a mobilních aplikací, opět s popisem jeho klíčových technologií a stručnou historií. Poté bude vysvětlen koncept state managementu v tomto frameworku a následně pro něj budou představeny aktuálně nejpoužívanější nástroje. U těchto nástrojů se práce věnuje popisu jejich použití a zároveň jejich silným a slabým stránkám. Všechny tyto nástroje jsou posléze porovnávány mezi sebou. Zároveň se jedna z kapitol věnuje stručnému porovnání samotného Reactu s vybranými konkurenčními frontendovými frameworky. Praktická část této bakalářské práce se zabývá implementací ukázkové webové aplikace, která bude postupně zahrnovat implementaci každého nástroje uvedeného v předchozích kapitolách. Práce má být přínosem hlavně pro začínající vývojáře, kterým poskytne základní přehled o React frameworku a state management nástrojích, což značně usnadní jejich následné hlubší samostudium.

Abstract:

The main goal of this bachelor’s thesis is to describe and compare different state management tools used for React framework. Several currently most used tools will be selected for the purpose of this thesis. For each of these tools, their strengths and weaknesses will be mapped, along with their description and example of their usage. This thesis is divided into theoretical and practical part. Theoretical part will firstly contain general description of web applications and corresponding frontend web technologies with their historical development, along with their relevance to the React framework. This is then followed by a description of React framework itself and its usage for web and mobile development, again with a description of its core technologies and a brief history. Then the concept of state management will be explained, along with the introduction of the most currently used state management tools. For each of these tools, this thesis describes their usage and points out their strengths and weaknesses. All tools are then compared with each other. In addition, one of the chapters is devoted to a comparison of React framework against other selected competing frontend frameworks. Practical part of this thesis deals with the implementation of a sample web application, which includes the implementation of each tool mentioned in previous chapters. This thesis intends to be beneficial mainly for novice developers, as it gives them a basic overview of React framework and state management tools, which should simplify their continual deeper self-study.

Keywords

state management, React framework, JavaScript, komponenta, webová aplikace

Keywords

JavaScript, state management, React framework, component, web application

Language used: Czech

Date on which the thesis was submitted / produced: 8. 5. 2023

Thesis defence

• Date of defence: 23. 6. 2023
• Supervisor: Ladislav Luc
• Reader: Stanislav Vojíř

Vysoká škola ekonomická v Praze

Bachelor programme:
Aplikovaná informatika