Frontend system design for enterprise applications
How frontends for banks, healthcare and large organisations are designed: eight areas, the few concepts that matter in each, and when to choose what.
Judgement from production, not a glossary. Enterprise frontends live longer than their frameworks, are shared by many teams, and answer to rules: , audit, accessibility law, Arabic and French next to English.
Each part is short: the concepts that matter, when to choose what, what I left out and why, and an example on Atlas Bank, an imaginary Moroccan bank, never client code.
Frontend system design for enterprise apps: 8 decisions
Frontend system design for enterprise apps is judgement, not a glossary: eight areas, the few concepts that matter in each, and when to choose what.
Read
Frontend architecture for enterprise: draw the boundaries first
Enterprise frontend architecture is boundaries: layers with a may-import contract, enforced in lint, monorepo or not, micro-frontends mostly not.
Read
State in enterprise frontends: ownership before libraries
State management in enterprise Angular and React apps: name the kind of state, give it one owner, derive the rest. Signals, RxJS, URL and form state.
Read
Networking and caching in enterprise apps: own the stale data
Networking and caching for enterprise frontends: one data-access boundary, typed API contracts, cancel and dedupe, Cache-Control, safe retries.
Read
Rendering for enterprise apps: CSR, SSR or both?
CSR or SSR for enterprise Angular and React apps: when server rendering pays, what hydration costs, @defer, lazy routes, zoneless and Server Components.
Read
Frontend performance for enterprise apps: budgets, not heroics
Frontend performance in enterprise apps: Core Web Vitals for real users, bundle budgets that fail CI, lazy routes, long tables, images and field data.
Read
Frontend security for enterprise apps: the client is untrusted
Frontend security in enterprise apps: access control on the server, RBAC in the UI, XSS and the sanitizer, CSP, tokens, no secrets in the bundle, audit.
Read
Enterprise frontend accessibility: put it in the design system
Accessibility in enterprise frontends: WCAG 2.2 AA, the European Accessibility Act for banking, keyboard and focus, form errors, and testing in CI.
Read
Arabic, French and MAD: i18n and RTL in enterprise frontends
i18n and RTL for enterprise frontends in Morocco and the Gulf: build-time or runtime translation, dir and logical CSS, bidi in data, and formatting MAD.
Read