Dalarna University's logo and link to the university's website

Under det senaste decenniet har webbutvecklingen utvecklats mycket fort. För att hjälpa till med de högpresterande applikationerna använder utvecklare idag arkitektoniska mönster. Dessa arkitektoniska mönster fokuserar på att separera data, så att datahantering inte har konsekvenser på grund av förändringar. Två av dessa arkitekturmönster är Model-View-Controller (MVC) och Redux. Dessa två arkitektoniska mönster hanterar samma problem på två olika sätt, MVC med dess tvåriktningsflöde och Redux med ettriktat flöde. Syftet med denna avhandling har varit att undersöka och jämföra de två arkitektoniska mönstren MVC och Redux för att ta reda på vilka av dessa som är mest effektiva. För att få kännedom om ämnet har en teoretisk studie av webbaserade källor och dokumentation gjorts. Den praktiska undersökningen har bestått av att utföra ett experiment med en förutbestämd hypotes med två prototyper mot varandra. En prototyp är uppbyggd enligt MVC riktlinjer och den andra enligt Redux riktlinjer. Två operationer utfördes för att mäta vilken prototyp som var den mest effektiva när det gäller att radera och lägga till data i prototyperna, detta var sedan itererat tio gånger för att erhålla det önskade dataflödet i båda prototyperna. Resultatet av experimentet överensstämde med vår hypotes. Experimentet visade att Redux prototypen exekverade snabbare än MVC prototypen i alla aspekter.

Over the last decade, web development has seen a tremendously high increase in its evolution. To assist with the high performance applications these days, developers are using architectural patterns. These architectural patterns focus on separating data, so that data management does not have consequences due to changes. Two of these architecture patterns are Model-View-Controller (MVC) and Redux. These two architectural patterns tackle the same problem in two different ways, MVC with its bi-directional flow and Redux with its unidirectional flow. The aim of this thesis has been to investigate and compare the two architectural patterns MVC and Redux, to find out which of these is the most effective. To gain knowledge of the subject a theoretical study of web-based sources and documentation has been made. The practical investigation has consisted of performing an experiment with a predetermined hypothesis with two prototypes against each other. One prototype is structured according to MVC guidelines and the other according to Redux guidelines. Two operations were performed to measure which prototype was the most efficient in terms of deleting and adding data in the prototypes, this was then iterated ten times to obtain the desired data flow in both prototypes. The result of the experiment was consistent with our predetermined hypothesis. The result of the experiment showed that the Redux prototype executed faster than the MVC prototype.