微前端:深入解析渲染引擎(第2部分)

Zalando's Fashion Store has been running on top of microservices for quite some time already. This architecture has proven to be very flexible, and project Mosaic has extended it – although partially – to the frontend, allowing HTML fragments from multiple services to be stitched together, and served as a single page.

Zalando的时尚商店已经运行在微服务之上相当长的时间了。这种架构被证明非常灵活,项目Mosaic已经将其部分扩展到前端,允许将来自多个服务的HTML片段拼接在一起,并作为单个页面提供。

Fragments in Mosaic can be seen as the first step towards a Micro Frontends architecture. With the ambitions of the Interface Framework as presented in the first blog post, we did not want to just stop at serving multiple HTML pieces, we wanted more:

Mosaic中的片段可以看作是迈向微前端架构的第一步。根据第一篇博客文章中介绍的接口框架的雄心壮志,我们不仅仅想停留在提供多个HTML片段的阶段,我们想要更多:

  • Implemented once, works anywhere - UI blocks should work in different contexts and be context-aware, not context-bound.
  • 一次实现,随处可用 - UI块应该在不同的上下文中工作,并且具有上下文感知性,而不是上下文绑定。
  • Declarative data dependencies - Components get the data they need but do not re-implement data fetching over and over.
  • 声明式数据依赖 - 组件获取所需的数据,但不会重复实现数据获取。
  • Simplified A/B Testing - Zalando's decisions are data driven, so experimentation is at the core of our decision making. Running an A/B test that spans multiple pages and user flows should be possible with minimal alignment and zero delivery interruption.
  • 简化的A/B测试 - Zalando的决策是数据驱动的,因此实验是我们决策制定的核心。在跨多个页面和用户流程上运行跨页面的A/B测试应该是可能的,而且只需要最小的对齐和零交付中断。
  • Feels like Zalando - We want a consistent and accessible look and feel for all user journeys and ability to experiment with design fast, across multiple user flows.
  • 感觉像Zalando - 我们希望所有用户旅程都具有一致和可访问的外观和感觉,并能够在多个用户流程中快速进行设计实验。
  • Power to the engineers - Any developer should be able to contribute to all the Fashion Store experience. This means universal tooling and setup, first-class React integration, easy testing (also for work-in-progress code), and continuous integration.
  • 给工程师们的权力 - 任何开发者都应该能够为时尚商店的所有体验做出贡献。这意味着通用的工具和设置,一流的React集成,简单的测试(包括正在进行的代码),以及持续集成。

That's how Renderers came to be.

这就是渲染器的由来。

Introducing Renderers

介...

开通本站会员,查看完整译文。

Home - Wiki
Copyright © 2011-2024 iteam. Current version is 2.139.0. UTC+08:00, 2024-12-22 22:40
浙ICP备14020137号-1 $Map of visitor$