ReactJS as a tool for component-based web applications development

Adam Peklák

Bachelor's thesis

Abstract:

ReactJS is a popular open-source JavaScript library used for programming interactiveuser interfaces for single page web applications. It specifically handles the view layer from the MVC application model. React has component-based architecture, which encapsulates reusable individual pieces of the UI (components) into independent micro-systems.This thesis examines two of the popular state management libraries for React, MobXand Redux. These libraries keep state object in application store and provide access to it for any components necessary, rather than passing the data through tree structure of the components, as is the native React way. The libraries have been examined and compared to determine advantages and disadvantages of both.Two web applications, which are in every aspect identical, apart from one usingMobX for state management and the other one using Redux, have been compared frommultiple points of view such as performance, complexity, code length and learning curve.It has been found, that even though Redux’s popularity far surpasses MobX, thereare use-cases, such as this application, where MobX is superior to Redux in performance and speed of development and is overall a better choice.

Keywords

ReactJS, state management, javascript, MobX, Redux

Jazyk práce: English

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

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

• Vedúci: Ing. Jan Masner, Ph.D.

Czech University of Life Sciences Prague

Faculty of Economics and Management

Bachelor programme / odbor:
Systems Engineering and Informatics / Informatics