https://github.com/stevekinney/frontend-architecture-topics

What constitutes front-end architecture?
https://github.com/stevekinney/frontend-architecture-topics

Last synced: 3 months ago
JSON representation

What constitutes front-end architecture?

• Host: GitHub
• URL: https://github.com/stevekinney/frontend-architecture-topics
• Owner: stevekinney
• License: mit
• Created: 2019-10-27T22:52:44.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-03-04T21:29:22.000Z (over 4 years ago)
• Last Synced: 2024-04-27T19:35:37.859Z (7 months ago)
• Size: 32.2 KB
• Stars: 382
• Watchers: 16
• Forks: 39
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](https://github.com/stevekinney/frontend-architecture-topics/pulls).

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

	- aria-label

- 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

	- Custom back-end solutions

	- Out of box solutions

		- Google Firebase

		- Firebase Functions

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