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
- Application Deployment
- Build Processes
- Continuous Integration
- Hosting and Content Delivery Networks
- Testing
- Balancing Unit and Integration Tests
- Styling and Design Systems
- CSS Methodologies
- CSS-in-JS
- Accessibility
- 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
- 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
- README.md