Skip to content
What constitutes front-end architecture?
Branch: master
Clone or download
stevekinney Merge pull request #5 from meaganc/master
Add a few additional topics for discussion
Latest commit 6e1f4a2 Oct 31, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE
README.md

README.md

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
    • Authorization/Authentication
  • 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
    • Local Setup: Communicating with backend systems/mocking requests
    • Visual Regression testing
  • Styling and Design Systems
    • CSS Methodologies
    • CSS-in-JS
  • Linting & code formatting
  • Browser support
  • Search Engine Optimization (SEO)
  • Accessibility
  • Localization
  • Client-Side Routing
  • Font Loading and Rendering
  • Image Optimization
  • Performance
    • Inlining CSS
    • RAIL
    • PRPL
    • Layout Performance
    • Runtime Performance
    • Auditing
  • Microfrontends vs. Monoliths
  • Backends for Front End
  • 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)
You can’t perform that action at this time.