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/
    image.png
    image.png

    虚拟列表 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