State Management in Component Based User Interfaces : A React Case Study

Abstract

Heutzutage werden mehr und mehr mobile Anwendungen und Webseiten entwickelt und genutzt. Eines der führenden Frameworks für die Erstellung von Benutzeroberflächen ist React. Obwohl React im Jahr 2021 das meistgenutzte Web-Framework ist, herrscht Uneinigkeit darüber, wie der Zustand der Anwendung verwaltet werden soll. Diese Arbeit vergleicht gängige Ansätze, indem sie eine Auswahl von State-Management-Bibliotheken untersucht. Ein Software-Evaluierungs-Framework wird verwendet, um die Qualität jeder Bibliothek zu analysieren. Schließlich werden die Ergebnisse verglichen und allgemeine Schlussfolgerungen über die Eignung der einzelnen Ansätze gezogen.

Nowadays mobile applications and websites are developed and used more than ever. One of the leading frameworks for the creation of user interfaces is React. Although React is the most used web framework in 2021, there is a disagreement on how to manage its application state. This thesis compares common approaches by investigating a selection of state management libraries. A software evaluation framework is used to analyze the quality of each library. Finally the results are compared and general conclusions are made about the suitability of each approach.