FrontendDevelopment Hub

This cluster covers the practical territory of frontend web development — what to render where, how to organize CSS at scale, how to handle the form of the web (responsive layouts, accessibility) and the structural patterns (components, bundling) that make frontend codebases sustainable.

Architecture and rendering

- [ServerSideRendering](ServerSideRendering) — When SSR is right vs. CSR vs. static

- [ProgressiveWebApps](ProgressiveWebApps) — Service workers, manifests, and the offline story

- [WebComponents](WebComponents) — Native components, custom elements, shadow DOM

- [ModernBundlersAndBuildTools](ModernBundlersAndBuildTools) — Vite, esbuild, Turbopack, and the modern build pipeline

CSS and styling

- [CssArchitecturePatterns](CssArchitecturePatterns) — BEM, atomic, CSS-in-JS, and the trade-offs

- [ResponsiveDesignPrinciples](ResponsiveDesignPrinciples) — Mobile-first, fluid typography, container queries

User experience layer

- [WebAccessibilityGuide](WebAccessibilityGuide) — WCAG, ARIA, keyboard navigation, screen reader basics

- [FormHandlingAndValidation](FormHandlingAndValidation) — Client/server validation, error states, submission patterns

- [InternationalizationAndLocalization](InternationalizationAndLocalization) — i18n libraries, RTL, content management

Type system

- [TypeScriptFundamentals](TypeScriptFundamentals) — Types you actually use, structural typing, the gradual adoption path

Adjacent clusters

- [Web Services and APIs Hub](WebServicesAndApisHub) — Backend that the frontend consumes

- [Software Engineering Practices Hub](SoftwareEngineeringPracticesHub) — Cross-cutting practices