Frontend system design topics

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

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...)