# JS/CSS Frameworky — Katalóg technológií

JavaScript a CSS frameworky a knižnice používané na moderných weboch

## React

- **Stav:** 🟢 Modern — Aktívne vyvíjaný, React 19 vydaný v 2024
- **Popis:** JavaScript knižnica od Meta (Facebook) na tvorbu užívateľských rozhraní pomocou komponentov. Používa virtuálny DOM a deklaratívny prístup, čo umožňuje efektívne renderovanie. Je to najrozšírenejší frontend framework na svete.
- **Web:** https://react.dev
- **Docs:** https://react.dev/learn
- **GitHub:** https://github.com/facebook/react
- **Licencia:** MIT
- **Prvé vydanie:** 2013

## Next.js

- **Stav:** 🟢 Modern — Aktívne vyvíjaný, Next.js 15 vydaný v 2024 s App Routerom
- **Popis:** Full-stack React framework od Vercelu s podporou server-side renderingu (SSR), statickej generácie (SSG) a API routes. Poskytuje file-based routing, optimalizáciu obrázkov a automatické code-splitting. Štandard pre produkčné React aplikácie.
- **Web:** https://nextjs.org
- **Docs:** https://nextjs.org/docs
- **GitHub:** https://github.com/vercel/next.js
- **Licencia:** MIT
- **Prvé vydanie:** 2016

## Vue.js

- **Stav:** 🟢 Modern — Aktívne vyvíjaný, Vue 3 je stabilná verzia od 2020
- **Popis:** Progresívny JavaScript framework na tvorbu užívateľských rozhraní. Kombinuje najlepšie vlastnosti Reactu a Angularu s jednoduchšou krivkou učenia. Podporuje Composition API a reaktívny systém.
- **Web:** https://vuejs.org
- **Docs:** https://vuejs.org/guide/
- **GitHub:** https://github.com/vuejs/core
- **Licencia:** MIT
- **Prvé vydanie:** 2014

## Nuxt

- **Stav:** 🟢 Modern — Aktívne vyvíjaný, Nuxt 3 priniesol Nitro engine a Vue 3 podporu
- **Popis:** Full-stack framework postavený na Vue.js s podporou SSR, SSG a hybridného renderingu. Poskytuje automatický routing, server engine Nitro a modulárnu architektúru. Je to ekvivalent Next.js pre ekosystém Vue.
- **Web:** https://nuxt.com
- **Docs:** https://nuxt.com/docs
- **GitHub:** https://github.com/nuxt/nuxt
- **Licencia:** MIT
- **Prvé vydanie:** 2016

## Angular

- **Stav:** 🟢 Modern — Aktívne vyvíjaný Googlom, Angular 19 vydaný v 2024
- **Popis:** Komplexný TypeScript framework od Google na tvorbu single-page aplikácií. Ponúka dependency injection, reaktívne formuláre, routing a HTTP klienta priamo v jadre. Vhodný pre veľké enterprise projekty.
- **Web:** https://angular.dev
- **Docs:** https://angular.dev/overview
- **GitHub:** https://github.com/angular/angular
- **Licencia:** MIT
- **Prvé vydanie:** 2016

## Svelte

- **Stav:** 🟢 Modern — Aktívne vyvíjaný, Svelte 5 s runes systémom vydaný v 2024
- **Popis:** Kompilátorový framework, ktorý presúva prácu z prehliadača do build kroku. Generuje minimálny vanilla JavaScript bez virtuálneho DOM. Výsledkom sú rýchlejšie a menšie aplikácie v porovnaní s tradičnými frameworkmi.
- **Web:** https://svelte.dev
- **Docs:** https://svelte.dev/docs
- **GitHub:** https://github.com/sveltejs/svelte
- **Licencia:** MIT
- **Prvé vydanie:** 2016

## SvelteKit

- **Stav:** 🟢 Modern — Aktívne vyvíjaný, SvelteKit 2 vydaný v 2023
- **Popis:** Full-stack framework pre Svelte s podporou SSR, SSG a SPA režimov. Poskytuje file-based routing, form actions a adaptabilný deployment na rôzne platformy. Oficiálne odporúčaný spôsob tvorby Svelte aplikácií.
- **Web:** https://svelte.dev/docs/kit
- **Docs:** https://svelte.dev/docs/kit/introduction
- **GitHub:** https://github.com/sveltejs/kit
- **Licencia:** MIT
- **Prvé vydanie:** 2020

## Alpine.js

- **Stav:** 🟢 Modern — Aktívne vyvíjaný, Alpine.js 3 je aktuálna stabilná verzia
- **Popis:** Ľahký JavaScript framework na pridávanie interaktivity priamo do HTML. Funguje podobne ako Tailwind, ale pre JavaScript — deklaratívne atribúty v markupe. Ideálny na malé interaktívne komponenty bez nutnosti build systému.
- **Web:** https://alpinejs.dev
- **Docs:** https://alpinejs.dev/start-here
- **GitHub:** https://github.com/alpinejs/alpine
- **Licencia:** MIT
- **Prvé vydanie:** 2019

## HTMX

- **Stav:** 🟢 Modern — Rapídne rastúca popularita, htmx 2.0 vydaný v 2024
- **Popis:** Knižnica umožňujúca prístup k moderným funkciám prehliadača priamo z HTML. Podporuje AJAX requesty, CSS prechody, WebSockety a Server-Sent Events cez HTML atribúty. Alternatíva k SPA frameworkom s dôrazom na hypermedia.
- **Web:** https://htmx.org
- **Docs:** https://htmx.org/docs/
- **GitHub:** https://github.com/bigskysoftware/htmx
- **Licencia:** BSD
- **Prvé vydanie:** 2020

## Astro

- **Stav:** 🟢 Modern — Aktívne vyvíjaný, Astro 5 vydaný koncom 2024
- **Popis:** Web framework zameraný na content-driven webové stránky s minimálnym klientskym JavaScriptom. Podporuje islands architektúru a integráciu s React, Vue, Svelte a ďalšími. Ideálny pre blogy, dokumentáciu a marketingové stránky.
- **Web:** https://astro.build
- **Docs:** https://docs.astro.build
- **GitHub:** https://github.com/withastro/astro
- **Licencia:** MIT
- **Prvé vydanie:** 2021

## Remix

- **Stav:** 🟢 Modern — Zlúčený s React Router v7, aktívne vyvíjaný pod Shopify
- **Popis:** Full-stack React framework zameraný na webové štandardy a progresívne vylepšenie. Využíva nested routing, server-side data loading a natívne HTML formuláre. Od 2024 je súčasťou projektu React Router v7.
- **Web:** https://remix.run
- **Docs:** https://remix.run/docs
- **GitHub:** https://github.com/remix-run/remix
- **Licencia:** MIT
- **Prvé vydanie:** 2021

## Gatsby

- **Stav:** 🔴 Legacy — Vývoj stagnuje od 2023, odporúča sa migrácia na Next.js alebo Astro
- **Popis:** React framework zameraný na statickú generáciu stránok s GraphQL data vrstvou. Kedysi populárny pre blogy a marketingové stránky. Vývoj sa výrazne spomalil po akvizícii firmou Netlify.
- **Web:** https://www.gatsbyjs.com
- **Docs:** https://www.gatsbyjs.com/docs
- **GitHub:** https://github.com/gatsbyjs/gatsby
- **Licencia:** MIT
- **Prvé vydanie:** 2015

## jQuery

- **Stav:** 🔴 Legacy — Stále široké nasadenie, ale pre nové projekty zastaralý prístup
- **Popis:** Historicky najvplyvnejšia JavaScript knižnica, ktorá zjednodušila manipuláciu s DOM, AJAX a animácie. Stále prítomná na miliónoch webov, ale moderné prehliadače už poskytujú ekvivalentné natívne API. Pre nové projekty sa neodporúča.
- **Web:** https://jquery.com
- **Docs:** https://api.jquery.com
- **GitHub:** https://github.com/jquery/jquery
- **Licencia:** MIT
- **Prvé vydanie:** 2006

## Bootstrap

- **Stav:** 🟡 Mature — Bootstrap 5 je stabilný a udržiavaný, bez závislostí na jQuery
- **Popis:** Najpopulárnejší CSS framework s predpripraveným grid systémom, komponentmi a utilitami. Pôvodne vytvorený v Twitteri, teraz samostatný open-source projekt. Vhodný na rýchle prototypovanie a responzívne weby.
- **Web:** https://getbootstrap.com
- **Docs:** https://getbootstrap.com/docs/
- **GitHub:** https://github.com/twbs/bootstrap
- **Licencia:** MIT
- **Prvé vydanie:** 2011

## Tailwind CSS

- **Stav:** 🟢 Modern — Aktívne vyvíjaný, Tailwind CSS 4 vydaný v 2025
- **Popis:** Utility-first CSS framework, ktorý umožňuje štýlovať priamo v HTML pomocou predpripravených tried. Eliminuje písanie vlastného CSS a zabezpečuje konzistentný dizajn. Dominantný CSS framework v modernom webovom vývoji.
- **Web:** https://tailwindcss.com
- **Docs:** https://tailwindcss.com/docs
- **GitHub:** https://github.com/tailwindlabs/tailwindcss
- **Licencia:** MIT
- **Prvé vydanie:** 2017

## Bulma

- **Stav:** 🟡 Mature — Bulma 1.0 vydaná v 2024, stabilný a udržiavaný projekt
- **Popis:** Moderný CSS framework založený na Flexboxe bez akýchkoľvek JavaScript závislostí. Ponúka čistý a čitateľný syntax s predpripraveným grid systémom a komponentmi. Alternatíva k Bootstrapu s jednoduchšou štruktúrou.
- **Web:** https://bulma.io
- **Docs:** https://bulma.io/documentation/
- **GitHub:** https://github.com/jgthms/bulma
- **Licencia:** MIT
- **Prvé vydanie:** 2016

## Foundation

- **Stav:** 🔴 Legacy — Minimálny vývoj od 2020, odporúča sa migrácia na modernú alternatívu
- **Popis:** Responzívny frontend framework od ZURB s pokročilým grid systémom a prístupnosťou. Kedysi hlavný konkurent Bootstrapu pre enterprise projekty. Vývoj je minimálny a komunita sa výrazne zmenšila.
- **Web:** https://get.foundation
- **Docs:** https://get.foundation/sites/docs/
- **GitHub:** https://github.com/foundation/foundation-sites
- **Licencia:** MIT
- **Prvé vydanie:** 2011

