https://www.patterns.dev/
设计模式 https://www.patterns.dev/posts/
https://www.patterns.dev/posts/case-studies/
nextjs https://www.patterns.dev/posts/nextjs-casestudy/
airbnb https://www.patterns.dev/posts/airbnb-casestudy/
虚拟列表 List Virtualization
静态导入 Static Import
基于路由的拆分 Route Based Spliting
代理模式 Proxy Pattern
容器模式 Container / Presentational Pattern
观察者模式 Observer Pattern
中介者、中间者模式 Mediator / Middleware Pattern
Hooks Pattern
工厂模式 Factory Pattern
计算属性 Computed Pattern
优化加载顺序 Optimize your loading sequence
渐进式 Progressive Hyration
岛屿建筑 isLands Architecture
客户端渲染 Client-side Rendering
服务端渲染 Server-side Rendering
React-Server Component
流式服务端渲染 Streaming Server-Sider Rendering
捆绑拆分 Bundle Splitting 将一个单独的应用拆解为多个bundle
摇树优化 Tree Shaking
RenderProps Pattern
Provider生产者,消费者模式 Prodier Pattern
预加载 Preload
模块模式 Module Pattern
HOC模式 HOC Pattern
import动态导入 Dynamic import
静态渲染 Static Rendering
react & nextjs
Optimizing Core Web Vitals on a nextjs
静态页面生成 Incremental Static Generation
命令模式 Command Pattern
优化加载第三方 Optimize loading third-parties
单例模式 singleton Pattern
PRPL模式 PRPL Pattern
原型模式 Prototype Pattern
预加载 Prefetch
混合模式 Mixin Pattern
导入可见性 import On visibility
享元模式 Flyweight Pattern
压缩JS Compressing JS
选择性 Selective Hydration
Import on Interaction