diff --git a/assets/figures/chapter-4/4.3.react-redux.png b/assets/figures/chapter-4/4.3.react-redux.png new file mode 100644 index 0000000..96f6725 Binary files /dev/null and b/assets/figures/chapter-4/4.3.react-redux.png differ diff --git a/chapters/4.application-implementation/4.3.implementation-technology-stack/4.3.2.ui-technologies.tex b/chapters/4.application-implementation/4.3.implementation-technology-stack/4.3.2.ui-technologies.tex index a1cc25c..9007969 100644 --- a/chapters/4.application-implementation/4.3.implementation-technology-stack/4.3.2.ui-technologies.tex +++ b/chapters/4.application-implementation/4.3.implementation-technology-stack/4.3.2.ui-technologies.tex @@ -4,4 +4,4 @@ % TODO: add technologies like redux, sagas -\input{chapters/4.application-implementation/4.3.implementation-technology-stack/4.3.2.ui-technologies/4.3.2.1.react} \ No newline at end of file +\input{chapters/4.application-implementation/4.3.implementation-technology-stack/4.3.2.ui-technologies/4.3.2.1.react}\input{chapters/4.application-implementation/4.3.implementation-technology-stack/4.3.2.ui-technologies/4.3.2.2.redux} \ No newline at end of file diff --git a/chapters/4.application-implementation/4.3.implementation-technology-stack/4.3.2.ui-technologies/4.3.2.2.redux.tex b/chapters/4.application-implementation/4.3.implementation-technology-stack/4.3.2.ui-technologies/4.3.2.2.redux.tex new file mode 100644 index 0000000..dd0640d --- /dev/null +++ b/chapters/4.application-implementation/4.3.implementation-technology-stack/4.3.2.ui-technologies/4.3.2.2.redux.tex @@ -0,0 +1,18 @@ +\subsubsection{Redux} \label{subsection:4-3-2-1-redux} + +\logo{chapter-4/4.3.redux-logo}{Redux logo} + +Το Redux\footnote{\url{https://redux.js.org/}} αποτελεί μία βιβλιοθήκη Javascript, η χρήση της οποίας προσφέρει στην εφαρμογή ένα πλήρως διαχειρίσιμο κεντρικό state. + +%TODO: When https://2021.stateofjs.com/en-US/ is available, add to the paragraph above that is the most popular data layer technology (by usage), according to https://2020.stateofjs.com/en-US/technologies/datalayer/ and also add this beautiful chart. + +Το Redux συνήθως χρησιμοποιείται για την κατασκευή διεπαφών χρήστη σε συνδύασμό με άλλες βιβλιοθήκες, όπως με την React. Σε αυτήν την περίπτωση, η λειτουργία του UI μπορεί να συνοψιστεί ως εξής: + +%TODO: Add proper diagram +\begin{figure}[H] + \centering + \includegraphics[width=.75\textwidth]{assets/figures/chapter-4/4.3.react-redux} + \caption{Λειτουργία του Redux σε συνδυασμό με React} +\end{figure} + +Το Redux έχει το αποθετήριό του στο GitHub (\url{https://github.com/reduxjs/redux}) και διατίθεται μέσω του μητρώου npm (\url{https://www.npmjs.com/package/redux}). diff --git a/thesis.pdf b/thesis.pdf index 90b80bd..7f2ceb1 100644 Binary files a/thesis.pdf and b/thesis.pdf differ