% IMPORTANT: The following is UTF-8 encoded. This means that in the presence
% of non-ASCII characters, it will not work with BibTeX 0.99 or older.
% Instead, you should use an up-to-date BibTeX implementation like “bibtex8” or
% “biber”.
@MASTERSTHESIS{Mallmes:906183,
author = {Mallmes, Leon},
title = {{S}ingle-{P}age-{A}pplikationen mit den {F}rameworks
{R}eact und {R}edux},
school = {FH Aachen},
type = {Course work},
reportid = {FZJ-2022-01282},
pages = {47},
year = {2022},
note = {Course work, FH Aachen, 2022},
abstract = {„Die Gesellschaft verlangt nicht nur immer schnellere
Internetseiten, sondern beispielsweise auch Applikationen,
die auf allen Geräten von Desktop-Rechnern bis hin zu
mobilenGeräten, eine ähnliche Darstellung, sprich
Benutzerführung aufweisen.Dabei geht die moderne
Web-Entwicklung auch immer mehr in Richtung einfacherSeiten
und simpler Applikationen. Die Hauptziele bestehen daraus,
die Effizienz zusteigern, schneller Antworten zurückgeben
zu können und einfache Handhabung zugewähren. Eine
Möglichkeit, diese Ansichten und Ziele zu vereinen, wären
die Single-Page-Applikationen (SPA).SPA sind Webanwendungen
und zeichnen sich durch zwei Merkmale besonders aus.
Einerseits bestehen diese nur aus einem HTML-Dokument,
andererseits können in diesem Dokument auch Inhalte
dynamisch nachgeladen werden. Dabei wird das
JavaScript-Framework React häufig als Basis für eine
solche Anwendung benutzt. Einen Vorteil bildet dabei die
Gestaltung und das generelle Ausschauen, da dies für alle
möglichen Geräte optimiert ist. Der Kern von React ist
dabei die eigentliche Komponente. Durch Java-Script kommt
außerdem die Möglichkeit hinzu, einen Offline-Modus zu
ermöglichen.Für das Modell React sprechen dabei nicht nur
ein einseitiger Datenfluss, sondern derdennoch starke
Performance-Aufbau, besonders auch bei komplexeren
Anwendungen.Dabei spielt der unidirektionale Datenfluss, als
Kernkonzept von React, eine wichtigeRolle, da dieser durch
seine Einfachheit, den Aufbau und die Wechselwirkungen der
verschiedenen Komponenten vereinfachen soll.Bei dem vielen
Vorteilen, die React mit sich bringt, fällt allerdings auch
ein Thema auf,welches zu Schwierigkeiten führen kann, wenn
man sich nur auf React als Frameworkkonzentriert. Die
Zustandsverwaltung von Daten ist auch in der Komponente
verankert.Als Folge führt dies zu komplexeren Anwendungen
und der Quellcode ist undurchsichtig.Abhilfe kann eine
zentrale Zustandsverwaltung schaffen.Aufgrund dieser
Zustandsverwaltung ist es also sinnvoll React in Verbindung
mit demFramework Redux zu benutzen. Dabei hilft Redux nicht
nur dabei, alle Zustandsinformationen zusammenzuhalten,
sondern verfolgt außerdem das Ziel, diese für alle
Komponenten der Webanwendung zugänglich zu machen.In der
Zentralbibliothek (ZB) des Forschungszentrums werden
verschiedene Web-Applikationen, die auf einer breiten
Auswahl von Geräten laufen sollen, entwickelt. Dabei sind
die Wissenschaftler des Forschungszentrums die Hauptnutzer,
da diese Zugang zu ihrer Literatur auf verschiedenen
Geräten haben möchten. Um dies nutzbar zu machen, sollte
die Bedienung der Anwendungen auch möglichst ähnlich und
simpel sein.Zuerst wird sich in dieser Arbeit genauer mit
den Frameworks React und Redux auseinandergesetzt. Außerdem
sollen durch eine Beispielanwendung die Frameworks React und
Redux darauf untersucht werden, ob man dieses Gespann
sinnvoll für die Entwicklung von Anwendungen mit ähnlicher
Benutzerführung verwenden kann.“},
cin = {ZB},
cid = {I:(DE-Juel1)ZB-20090406},
pnm = {899 - ohne Topic (POF4-899)},
pid = {G:(DE-HGF)POF4-899},
typ = {PUB:(DE-HGF)9},
url = {https://juser.fz-juelich.de/record/906183},
}