为你的团队建立一个组件市场

赋予每个人在React、Vue和Angular中分享和协作可重用的组件的权力。

现代应用开发是组件驱动的。今天,我们开发的很大一部分应用程序是由React、Vue、Angular中的现代组件组成的,甚至只是使用像Stencil这样的编译器的纯网络组件。

这是一件好事,因为用乐高积木构建的速度更快,可扩展性更强。然而,一旦开发规模扩大,许多团队需要用乐高积木构建许多不同的项目,但并没有真正有效的协作方式。

你想实现的是,开发人员可以独立构建组件,但也可以与其他人分享他们的组件,并使用其他团队共享的组件。

要做到这一点,你应该创建一个共享的乐高盒子,供所有的开发者和团队使用并构建他们的应用程序。

这将释放出3个强大的优势。

更快的开发– 不需要两次编写相同的组件。

一致的开发–组件的外观和感觉都一样。

可扩展的开发– 许多团队可以一起构建和工作。

解决方案。一个共享的组件市场

为了实现这一点,你需要在你的组织中创建或采用一个组件平台,所有的团队都可以以一种集中但高度协作和流畅的方式分享和协作组件。

这一方面可以帮助你规范组件的开发,另一方面可以让所有的产品构建者轻松地了解哪些组件已经存在并被其他团队共享–并使用它们。

最后,你将创建一个活生生的、充满活力的组件生态系统。这意味着,例如,开发人员可以向组件发送更新,而使用这些组件的项目将获得并整合这些组件。

一个组件市场也很适合 设计系统 微观前台– 帮助一起建立和编排组件。

建立你自己的与使用现成的平台

当你决定用一个组件市场来授权你的开发团队时,你有两个选择。

1.使用一个组件平台,如 – 并立即获得一个强大的、灵活的、经过企业测试的、具有开箱即用的所有功能的解决方案。

2.建立你自己的组件市场–创建一切或将不同的工具粘在一起,用于单体、发布、文档等。

到目前为止,我还不知道有什么其他的选择,但请随时在下面的评论中添加一个。让我们来比较和分析一下这些选择。

1.使用比特的组件平台

一个电子商务应用程序作为bit.dev上的组件集合 ->

比特是世界领先的组件优先平台(200K+开发者)。随着2021年v15 “Harmony “的发布,它为组件驱动的开发提供了一个轻量级和高度可定制的OSS工具集,以及一个适合各种规模团队的企业级云平台。

Bit的组件开发开放源码软件工具集使开发者可以很容易地在不同项目之间建立、管理、共享和整合独立的软件组件。它甚至配有标准化但高度可定制的模板,用于组件的开发和发布。

medium.com/media/34e1d…

该平台为企业提供了一个开箱即用的组件协作解决方案,以便共同更快建立和发布现代应用程序。受到财富50强企业的信任,它配备了企业级的功能。

有了Bit,开发者可以自由地、相当容易地在项目和团队中创建和分享组件,同时在一个中央中心(bit.dev)中一起工作。

在这个中心,所有的组件都被托管、组织、标记、记录、标注、可视化,并且可以被探索,然后使用你选择的包管理器客户端(npm/yarn)从内置的注册表中安装。

它配备了团队使用组件构建所需的一切。

  • 组件的托管和企业级的安全性
  • 组件的高级搜索和发现

  • 独立版本的组件的内置注册表

  • 带有API文档的自动文档、可视化组合、可编辑的示例渲染、孤立的单元测试结果等等。

  • 甚至为每个组件和项目提供了一个依赖图的探索器。

点击查看

  • Ripple CI(封闭测试版)是世界上第一个组件驱动的CI,它将组件更新传播到所有受影响的组件和应用程序中–不断整合整个组织。而且,它甚至有可视化预览,所以你可以了解到变化在每一个自页面和应用程序中是什么样子的!

  • **一切都是可定制和可扩展的 -**Bit是高度可定制和可扩展的,所以你可以选择你自己的开发堆栈、工作流程,甚至是风格设计。你可以扩展Bit的任何部分,从本地开发UI到你的组件将经过的构建管道。由于Bit本身是100%由组件构建的,你做的每一个扩展也是一个组件,可以被许多开发人员和其他组件重用,为你新发现的好处增加标准化。

自己试一试,或在这里预订一个演示。

比特:模块化网络的平台

建立你自己的组件市场

为了在你的团队和项目之间创建一个乐高式的独立共享组件的工作流程,你将不得不解决一系列复杂的问题。

  1. 将应用程序和libs变成具有许多包的单体。
  2. 为每一个组件设置一个版本的包。
  3. 将所有的组件发布到一个包注册处,并以某种方式让所有的开发者都能轻松发布他们的组件。
  4. 分享组件开发和发布的标准模板。
  5. 创建并维护一个组件的文档网站。添加和维护API文档,可视化的例子,以及更多。
  6. 为组件创建搜索和发现功能。
  7. 以某种方式使所有的开发者都能提出修改建议。
  8. 为一切提供高级别的安全和团队管理。
  9. 以某种方式提供和跟踪组件的更新,同时逐步建立对受影响的项目和应用程序的修改。
  10. 创建与GitHub、Figma、Slack等工具的集成。

自然,这将涉及到平台团队的大量工作,编写大量的工具并将Lerna、StoryBook、NPM、Codepen、Docusaurus、Jenkins等工具粘合在一起。这些都不是为了这个目的而建立的。

我见过很多团队尝试解决这个挑战,包括一些来自财富500强甚至F-50组织的世界顶尖团队。说实话,我还没有看到一个组织对结果感到满意,但有些组织仍然在努力创建和发展自己的平台。

一个有趣的例子是沃尔玛全球技术公司

如何用React组件实现可重用性

结论

现代应用开发是组件驱动的。这意味着团队需要找到一种方法,将组件变成 “乐高 “碎片,可以在一个共同的乐高盒子里共享,并使用它们来构建他们不同的项目。

在共享组件上进行协作是加快开发速度、确保代码和设计的一致性以及扩大项目和团队规模的一个好方法。

对于组织来说,组件市场是一个共同的水坑,所有的团队和应用程序都从这里消费他们的乐高碎片。它是组织可以共同建立和运送许多组件驱动的项目的方式。

当建立你的组件市场时,你将面临两种选择。

  • 使用一个现成的平台并根据你的需要进行定制。

-或者-

  • 从头开始构建一切,建立你自己的解决方案。

无论哪种方式,都不要放弃拥有你的组件市场–当涉及到现代网络应用程序交付时,它是一个游戏规则的改变者?

谢谢你的阅读!

干杯 ?

了解更多

比特:模块化网络的平台

medium.com/media/71f25…medium.com/media/68e3e…medium.com/media/00149…


为你的团队建立一个组件市场》最初发表在《Bits and Pieces》杂志上,人们通过强调和回应这个故事来继续对话。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享