feat(part-2/analysis): add react-aria and melt-ui

susickypavel · Jan 13, 2024 · 1c99425 · 1c99425
1 parent a8fb002
commit 1c99425
Show file tree

Hide file tree

Showing 2 changed files with 88 additions and 21 deletions.
diff --git a/src/parts/part-2/analysis.tex b/src/parts/part-2/analysis.tex
@@ -8,40 +8,99 @@ \section{React}
 
 \subsection{react-aria}
 
-TODO
+React aria je open-source projekt od společnosti Adobe, který obsahuje velice robustní sadu komponent a primitiv v podobě React hooks.
+Obsahuje velké množství komponent a interakcí, od nejzákladnějších jako jsou tlačítka, formulářové prvky až po složitější komponenty jako kalendáře.
+Knihovna je velice dobře dokumentovaná a podporována komunitou.
+Zároveň je distribuovaná bez stylů, tedy se hodí pro využití v rámci designových systémů.
 
 \begin{table}[ht]
     \begin{ctucolortab}
         \begin{tabularx}{\textwidth}{Y Y}
             \bfseries \textcolor{OK}{Výhody} & \bfseries \textcolor{NOT_OK}{Nevýhody} \\\Midrule{}
-            TODO                             & TODO                                   \\
-            TODO                             & TODO
+            Flexibilita použití              & Větší úsilí na udržování               \\
+            Rozmanitost komponent
         \end{tabularx}
     \end{ctucolortab}
-    \caption{Porovnání rychlosti Svelte s populárními frameworky}
-    \label{tab:foobar}
+    \caption{Shrnutí výhod a nevýhod knihovny react-aria}
 \end{table}
 
-\subsection{Radix UI}
-
-TODO
-
-\subsection{Shadcn UI}
-
-TODO
-
-\subsection{Headless UI}
-
-TODO
+% \subsection{Radix UI}
+
+% TODO
+
+% \begin{table}[ht]
+%     \begin{ctucolortab}
+%         \begin{tabularx}{\textwidth}{Y Y}
+%             \bfseries \textcolor{OK}{Výhody} & \bfseries \textcolor{NOT_OK}{Nevýhody} \\\Midrule{}
+%             TODO                             & TODO                                   \\
+%             TODO                             & TODO
+%         \end{tabularx}
+%     \end{ctucolortab}
+%     \caption{Shrnutí výhod a nevýhod knihovny Radix UI}
+% \end{table}
+
+% \subsection{Shadcn UI}
+
+% TODO
+
+% \begin{table}[ht]
+%     \begin{ctucolortab}
+%         \begin{tabularx}{\textwidth}{Y Y}
+%             \bfseries \textcolor{OK}{Výhody} & \bfseries \textcolor{NOT_OK}{Nevýhody} \\\Midrule{}
+%             TODO                             & TODO                                   \\
+%             TODO                             & TODO
+%         \end{tabularx}
+%     \end{ctucolortab}
+%     \caption{Shrnutí výhod a nevýhod Shadcn UI}
+% \end{table}
+
+% \subsection{Headless UI}
+
+% TODO
+
+% \begin{table}[ht]
+%     \begin{ctucolortab}
+%         \begin{tabularx}{\textwidth}{Y Y}
+%             \bfseries \textcolor{OK}{Výhody} & \bfseries \textcolor{NOT_OK}{Nevýhody} \\\Midrule{}
+%             TODO                             & TODO                                   \\
+%             TODO                             & TODO
+%         \end{tabularx}
+%     \end{ctucolortab}
+%     \caption{Shrnutí výhod a nevýhod knihovny Headless UI}
+% \end{table}
+
+\clearpage
 
 \section{Svelte}
 
-TODO
-
 \subsection{Melt UI}
 
-TODO
+Podobně jako react-aria je Melt UI knihovna primitiv, v kontextu této knihovny se primitiva nazývají ``builders''.
+Uživatelé konzumují tyto primitiva vytváří si tak komponenty s vlastní HTML strukturou.
+Z toho plyne, že je knihovna velice flexibilní na používání, ale zároveň je tak zvýšená náročnost na udržování komponent.
+Výhodou je, že je možnost zde vytvořit příkladové použití těchto primitiv včetně základních stylů a usnadnit tak konzumentům práci.
+
+\begin{table}[ht]
+    \begin{ctucolortab}
+        \begin{tabularx}{\textwidth}{Y Y}
+            \bfseries \textcolor{OK}{Výhody} & \bfseries \textcolor{NOT_OK}{Nevýhody} \\\Midrule{}
+            Vysoká flexibilita použití       & Vyšší nároky na udržování
+        \end{tabularx}
+    \end{ctucolortab}
+    \caption{Shrnutí výhod a nevýhod knihovny Melt UI}
+\end{table}
+
+% \subsection{Svelte Headless UI}
 
-\subsection{Svelte Headless UI}
+% TODO
 
-TODO
+% \begin{table}[ht]
+%     \begin{ctucolortab}
+%         \begin{tabularx}{\textwidth}{Y Y}
+%             \bfseries \textcolor{OK}{Výhody} & \bfseries \textcolor{NOT_OK}{Nevýhody} \\\Midrule{}
+%             TODO                             & TODO                                   \\
+%             TODO                             & TODO
+%         \end{tabularx}
+%     \end{ctucolortab}
+%     \caption{Shrnutí výhod a nevýhod knihovny Svelte Headless UI}
+% \end{table}
diff --git a/src/thesis.tex b/src/thesis.tex
@@ -89,6 +89,14 @@ \part{Návrh a implementace}
 
 \chapter{Závěr}
 
+V rámci semestrálního projektu jsem zpracoval důležitá témata týkající se přístupnosti na webu.
+
+Provedl jsem počátační analýzu existujících řešení a následně jsem se zaměřil na framework Svelte.
+
+Následně jsem se seznámil s frameworkem Svelte a vytvořil repozitář pro budoucí vývoj v rámci bakalářské práce.
+
+Věřím, že má práce v budoucnu přivede nové komponenty do ekosystému Svelte a tím pomůže vývojářům zjednodušit vývoj v této technologii.
+
 \appendix
 
 \printbibliography[title={Seznam literatury}]