🏁Patterns

Learn about the patterns used for architecting web apps

Types of Patterns

According to patterns.dev there are three major categories of patterns:

1. Design Patterns

2. Rendering Patterns

3. Performance Patterns

Design Patterns

These are a set of best practices and standard solutions for common design problems that occur in frontend web apps. Examples of design patterns include the use of a grid layout for consistent spacing, the use of a navigation bar for easy navigation, and the use of a modal dialog for displaying important information. These patterns are used to create a consistent and user-friendly interface for the app.

Rendering Patterns

These are patterns that dictate how a web app is rendered on the client side. Examples of rendering patterns include server-side rendering, client-side rendering, and a combination of both. These patterns are used to improve the performance of the app and make it more responsive to user interactions.

Performance Patterns

These are patterns that help to improve the performance of a web app. Examples of performance patterns include lazy loading, minification, and caching. These patterns are used to reduce the amount of data that needs to be loaded, improve the speed of the app, and reduce the amount of memory used. These patterns can help to improve the overall user experience of the app.