Frontend system design topics
Azizjon Nigmatjonov
·2 min read·12 views

Architectural Topics for Deep Dive
- Architecture pattern (Monolith, Modular monolith, Microfrontend)
- Component architecture (Smart/dump components)
- Rendering + Routing (CSR, SSR, SSG, ISR, SPA)
- State management (Zustand, MobX, Redux...)
- API layer (axios, TanstackQuery, Vuex...)
- Testing (unit, integration, e2e)
- Design system (UI kit, Variables, Spacing)
- Optimizations (Performance optimization, initial load optimization, build-time optimization, Performance Metrics…)
- Security (Authentication, XSS, CSRF, JWT…)
- Tooling (Monorepo tools, Linters, Formatters)
- CI/CD (Build, Deploy, Rollback, Environments)
- Folder structure
- DX | Developer Experience - tools, helpful technologies
- Documentation (Docs, Storybooks…)
- Localization (i18n, i10n)
- Cross Platform UI (Responsiveness, Mobile-first UI…, PWA)
- Caching strategy (Some files or Images, Response caching, Pages...)
- Release strategy (features, changes...)