饿了么经过多年耕耘，基于小程序和 Web 的应用形态，对外部关键渠道做了大量布局，业务阵地多达几十个。而小程序作为当前热门应用形态与商业策略，已经成为众多企业主要的多端流量运营阵地。但每个 APP 有不同的标准与运行模式，并且业务拓展上也需考虑更多形态，这在研发体验与功能一致性保障上都带来一定挑战。相比业界基于 React/Vue 研发习惯出发的跨端方案，饿了么走了另外一条路，即基于现有小程序标准与研发模式，在不破坏开发者习惯的前提下，探索面向多端多类型的一码多端方案，进一步降低跨端研发成本。

本次分享重点介绍如何基于小程序视角构建跨端能力与落地实践经验，希望能给大家带来新的思路。

演讲提纲：

1. 跨端技术背景与演进历程
2. 基于小程序跨端的行业现状和思考
3. 基于小程序 DSL 的跨端解决方案
   • 多端编译原理
   • 应用形态转换
   • 复杂应用集成
   • 业务最佳实践
4. 总结与展望

你将获得：

• 了解基于原生小程序应用的跨端解决方案和手段
• 了解如何快速通过 MorJS 来实施一码多端解决方案，实现研发效能提升

提供云端轻量级的协同编程开发环境，零启动速度、零延迟、零加载，满足企业对工程师的技术能力评估需求。我们的解决方案包括：

• 选择 PaaS 方案，提供 NPM 包的 SDK
• 选择 React + Zustand 作为前端 SDK 组件
• 选型 SocketIO
• 协同层：NestJS + SocketIO
• 后端交互：MQ 消息队列，容器化机制

方案介绍：

• 架构图与实施难点选型关键点分析
• 实施后效果
• 满足单链路1万人同时在线
• 加载速度的优化
• 切换环境的优化

演讲提纲：

问题引出：演示最终效果，提供云端轻量级的协同编程开发环境，零启动速度、零延迟、零加载，满足企业对工程师的技术能力评估需求：

1. 技术选型：选择 PaaS 方案，提供 NPM 包的 SDK
2. 技术选型：选择 React + Zustand 作为前端 SDK 组件
3. 选型 SocketIO
4. 协同层：NestJS + SocketIO
5. 后端交互：MQ 消息队列，容器化机制
6. 架构图与实施难点选型关键点分析
7. 总结

你将获得：

• 了解大前端（React+NodeJS）实现实际商业化应用的使用场景
• 掌握合适的技术栈选型的逻辑
• 理解架构设计的原理与选型关键点
• 了解开发协同 IDE 的难点与关键点

前沿亮点：

1. 轻协同 IDE 开发的经验分享
2. 异步编程 SocketIO 与 NestJS IO 层交互开发疑难
3. NPM SDK 开发 PaaS 层的分享
4. Node 层 MongoDB 调优

Micro-Frontends are the distributed architecture for the user interfaces that are solving not only technical but also organizational challenges. In this session, you will learn the most common anti-patterns I've seen in the past 8 years of implementing and consulting multiple companies in their journey into the micro-frontends architecture. Whether you are an expert or a newbie, in this talk, you will learn how to structure properly your micro-frontends architecture and how to avoid common mistakes meanwhile building micro-frontends.

微前端的反模式

微前端是分布式架构的一种，用于解决用户界面上的技术和组织挑战。在本次演讲中，我将分享我在过去8年中多家公司实施和咨询微前端架构的过程中所见到的最常见的反模式。无论您是资深专家还是新手，都能够了解到如何正确构建您的微前端架构，并在构建微前端的同时避免常见的错误。