我们如何用莱迪思构建微型前端

Written by Michael Possumato, Nick Tomlin, Jordan Andree, Andrew Shim, and Rahul Pilani.

撰稿人 迈克尔-波萨马托, 尼克-汤姆林, 乔丹-安德里, 安德鲁-沈, 和 Rahul Pilani.

As we continue to grow here at Netflix, the needs of Revenue and Growth Engineering are rapidly evolving; and our tools must also evolve just as rapidly. The Revenue and Growth Tools (RGT) team decided to set off on a journey to build tools in an abstract manner to have solutions readily available within our organization. We identified common design patterns and architectures scattered across various tools which were all duplicating efforts in some way or another.

随着我们在Netflix的不断成长,收入和增长工程的需求正在迅速发展;我们的工具也必须同样迅速发展。收入和增长工具(RGT)团队决定开始一个旅程,以抽象的方式建立工具,以便在我们的组织内有现成的解决方案。我们确定了散落在各种工具中的通用设计模式和架构,这些工具都在以某种方式重复工作。

We needed to consolidate these tools in a way that scaled with the teams we served. It needed to have the agility of a micro frontend and the extensibility of a framework to empower our stakeholders to extend our tools. We would abstract parts of which anyone can then customize, or extend, to meet their specific business or technical requirements. The end result is Lattice: RGT’s pluggable framework for micro frontends.

我们需要以一种与我们所服务的团队一起扩展的方式来整合这些工具。它需要具有微型前端的敏捷性和框架的可扩展性,以使我们的利益相关者能够扩展我们的工具。我们将抽象出一些部分,然后任何人都可以定制或扩展,以满足他们特定的业务或技术要求。最终的结果是 格子。RGT的可插拔的微前端框架.

A Different Approach to Our Tools

对我们的工具采取不同的方法

A UI composed of other dependencies is nothing new; it’s something all modern web applications do today. The traditional approach of bundling dependencies at build time lacks the flexibility we need to empower our stakeholders. We want external dependencies to be resolved on-demand from any number of sources, from another application to an engineer’s laptop.

由其他依赖关系组成的用户界面并不新鲜;这是今天所有现代网络应用都在做的事情。在构建时捆绑依赖关系的传统方法缺乏我们所需要的灵活性,以增强我们的利益相关者。我们希望外部依赖能够从任何数量的来源按需解决,从另一个应用程序到工程师的笔记本电脑。

This led us to the following high level objectives:

这促使我们制定了以下高水平的目标。

  • Low Friction Adoption: Encourage reuse of existing front end code and avoid creating new packages that encapsulate UI functionality....
开通本站会员,查看完整译文。

首页 - Wiki
Copyright © 2011-2024 iteam. Current version is 2.125.0. UTC+08:00, 2024-05-03 13:37
浙ICP备14020137号-1 $访客地图$