28:["$","h3","h3-2",{"children":"TECHNICKÁ DOKUMENTÁCIA"}] 29:["$","pre","pre-2",{"children":["$","code","code-0",{"children":"Otázka: \"Explain how React Server Components work and their benefits\"\n\nREACT SERVER COMPONENTS - TECHNICKÉ VYSVETLENIE\n\n🧩 ČO SÚ REACT SERVER COMPONENTS (RSC)?\n\nServer Components sú nová architektúra v React 18+ ktorá umožňuje renderovať komponenty priamo na serveri namiesto tradičného client-side renderingu.\n\nZÁKLADNÁ ARCHITEKTÚRA:\n\n```jsx\n// Server Component - beží na serveri\nasync function BlogPost({ id }) {\n // Priamy prístup k databáze\n const post = await db.posts.find(id);\n\n return (\n

{post.title}

{post.content}

\n \n

\n );\n}\n\n// Client Component - interaktívny\n'use client';\nfunction AuthorInfo({ authorId }) {\n const [author, setAuthor] = useState(null);\n\n useEffect(() => {\n fetch(`/api/authors/${authorId}`)\n .then(res => res.json())\n .then(setAuthor);\n }, [authorId]);\n\n return

By {author?.name}

;\n}\n"}]}] 2a:["$","p","p-0",{"children":"VÝHODY RSC:"}] 2b:["$","p","p-1",{"children":"⚡ PERFORMANCE:\n• Menej JavaScript posielané klientovi (30-50% redukcia)\n• Rýchlejšie Time to Interactive\n• Lepšie Core Web Vitals skóre\n• Server-side data fetching"}] 2c:["$","p","p-2",{"children":"🔒 SECURITY:\n• Database credentials zostávajú na serveri\n• API kľúče nie sú exponované klientovi\n• Server-side validation pred renderom\n• Reduced attack surface"}] 2d:["$","p","p-3",{"children":"🛠 DEVELOPER EXPERIENCE:\n• Priamy prístup k backend resources\n• Type-safe data fetching\n• Simplified state management\n• Better error boundaries"}] 2e:["$","p","p-4",{"children":"📊 SEO A UX:\n• Full HTML content pri prvom requeste\n• Improved crawling and indexing\n• Progressive enhancement\n• Better accessibility support"}] 2f:["$","p","p-5",{"children":"IMPLEMENTAČNÉ VZORY:"}] 30:["$","ol","ol-0",{"children":["\n",["$","li","li-0",{"children":["$","strong","strong-0",{"children":"Data Fetching Pattern:"}]}],"\n"]}] 31:["$","pre","pre-3",{"children":["$","code","code-0",{"className":"language-jsx","children":"async function ProductPage({ productId }) {\n const product = await getProduct(productId);\n const reviews = await getProductReviews(productId);\n\n return ;\n}\n"}]}] 32:["$","ol","ol-1",{"start":2,"children":["\n",["$","li","li-0",{"children":["$","strong","strong-0",{"children":"Composition Pattern:"}]}],"\n"]}] 33:["$","pre","pre-4",{"children":["$","code","code-0",{"className":"language-jsx","children":"function Layout({ children }) {\n return (\n \n \n My App\n \n \n \n {children}\n

dizajn5

inzinierstvo7

marketing7

produkt4

projektovy-manazment3

prevadzka-studia5

testovanie5

Marketingové stratégie5

Obsahová tvorba6

Data analýza5

Znástné podnikanie5

Produktivita a život5

Programovanie9

Biznis8

AI nástroje11

prezentacie2

design5

ai agenti3

video1

ai asistenti1

vyhladavanie2

productivita1

audio3

vyvoj3

automatizacia1

ai platformy3

youtube ai5

youtube thumbnails5

youtube video5

youtube audio5

youtube seo5

youtube analytics5

ai asistenti4

vyhladavanie2

obrazove generatory3

programovanie3