frontend-architecture-topics's Introduction

What does "Frontend Architecture" even mean?

Here is an incomplete list of topics that may or may not constitute front-end architecture.

Is something missing? Is something poorly worded? Is something extraneous? Please open a pull request.

Please share this list far and wide. I'd love to get as many eyes on it as possible.

State Management and Sync Strategies
- Pushing Data from the Server
- REST vs. GraphQL
- Loading and Error States
- Caching Requests
Bundle Management
- Code Splitting
- Tree-Shaking
- Lazy-loading
Dependency Management
- node_modules
- npm / Yarn
- Build your own registry
Application Deployment
- Build Processes
- Continuous Integration / Continuous Deployment
- Docker / Kubernetes
- Hosting and Content Delivery Networks
Application Monitoring
- End user monitoring
- Synthetic monitoring
Testing
- Balancing Unit and Integration Tests
- Visual Regression testing
Styling and Design Systems
- CSS Methodologies
- CSS-in-JS
Linting & code formatting
Browser support
Accessibility
Localization
Client-Side Routing
Font Loading and Rendering
Image Optimization
Performance
- Inlining CSS
- RAIL
- PRPL
- Layout Performance
- Runtime Performance
- Auditing
Microfrontends vs. Monoliths
Server-Side Rendering vs. Static Site Generation
WebAssembly
Type Systems
Monitoring and Alerting
Design Patterns
Documentation
- Platform Architecture
- Sequence Diagrams/User Flows
- Developer Workflow
- Performance Budgets
- Testing Strategy
- Runbooks
- Compliance Considerations
  - SOX
  - GDPR
  - WCAG 2.0
  - PCI
  - HIPAA
  - etc.
Repo creation
- README.md
  - Local Setup
  - Develop Against Different Environments
  - Run Tests
- CONTRIBUTOR.md
  - Conventional Commits
  - Code Review Process
  - Library Release Process
Templates and tooling
- Bootstrapping new projects
- Updating legacy code (Codemods)

Recommend Projects