原文地址:15 Reasons to Build Your Component Library in Bit.dev 作者:Jonathan Saring 如果传统的组件库像CD音乐专辑,那么Bit.dev Bit.dev是一种快速、动态化、协同式构建团队组件库的解决方案。 图2 Bit.dev生态系统中的一大优势在于,其能够使我们渐进性开发组件,并将可复用的组件收集到平台中。 无模板,无配置 Bit.dev可以帮助我们完成建立一个组件库所有的基础工作,而无需我们去费心费力。 图3 ) Bit.dev负责组织和细分组件,以便我们能够在相关的使用场景中非常容易的找到所需组件。
Bit.dev 软件开发的基本原则之一就是代码复用。代码复用减少了开发量,让你不用从头开发组件。 这正是 Bit.dev 做的事,分享可重用的组件和片段,降低开发量,加速开发进程。 正如 Bit.dev 的口号「组件即设计体系。协同开发更好的组件。」所言,Bit.dev 可以用来创建设计体系,允许团队内的开发者和设计师一起协作,从头搭建一套设计体系。 Bit.dev 目前支持 React、Vue、Angular、Node 及其他 JavaScript 框架。 ? 在 Bit.dev 上不仅可以搜索组件,还可以直接查看组件的依赖,浏览组件的代码,甚至在线编辑代码并查看预览效果! :https://bit.dev/ CanIUse:https://caniuse.com/
Bit.dev 软件开发的基本原则之一就是代码复用。代码复用减少了开发量,让你不用从头开发组件。 这正是 [Bit.dev] 做的事,分享可重用的组件和片段,降低开发量,加速开发进程。 正如 Bit.dev 的口号「组件即设计体系。协同开发更好的组件。」所言,Bit.dev 可以用来创建设计体系,允许团队内的开发者和设计师一起协作,从头搭建一套设计体系。 Bit.dev 目前支持 [React]、Vue、Angular、Node 及其他 JavaScript 框架。 ? 在 Bit.dev 上不仅可以搜索组件,还可以直接查看组件的依赖,浏览组件的代码,甚至在线编辑代码并查看预览效果! 选好组件后可以通过 Bit.dev 的命令行工具 bit 在本地项目引入组件,也可以通过 npm、yarn 引入组件。
这也正是 Bit.dev 做的事情。它允许你共享可复用代码组件和代码片段,从而减少你的开销并加速开发过程。 它还允许在团队之间共享组件,从而允许你的团队与其他团队协作。 “组件就是你的设计系统。 —Bit.dev 正如 Bit.dev 的标语,组件中心也非常适合作为设计系统生成器。通过让你团队中的开发人员和设计人员一起工作,Bit.dev 是从头开始构建一个设计系统的完美工具。 https://bit.dev/ Bit.dev 现在支持 React、Vue、Angular、Node 和其它 JavaScript 框架。
5 Bit.dev 一个软件开发的基本原则就是代码的可重复使用性,它确保你可以减少开发量,而不需要去从头构建组件。 这确实是Bit.dev可以做到的,它允许共享可重复使用代码片段和组件,从而减少开销,并且加快你的开发进程。 Bit.dev还允许在团队之间共享组件,让你的团队可以与其他团队进行协作。 ——Bit.dev) 正如Bit.dev所说的那样,这一组件平台也适合用作设计系统构建器。让开发人员和设计师团队进行协同合作,Bit.dev是一款从头开始构建设计系统的理想工具。 Bit.dev现在支持React,Vue,Angular,Node和其他JavaScript框架。
这也正是 Bit.dev 做的事情。它允许你共享可复用代码组件和代码片段,从而减少你的开销并加速开发过程。 它还允许在团队之间共享组件,从而允许你的团队与其他团队协作。 “组件就是你的设计系统。 —Bit.dev 正如 Bit.dev 的标语,组件中心也非常适合作为设计系统生成器。通过让你团队中的开发人员和设计人员一起工作,Bit.dev 是从头开始构建一个设计系统的完美工具。 https://bit.dev/ Bit.dev 现在支持 React、Vue、Angular、Node 和其它 JavaScript 框架。
在线地址: https://www.minifier.org/ Bit.dev Bit.dev是一个非常棒的组件中心。可以用它来托管,记录和管理来自不同项目的可复用组件。 Bit.dev与Bit完美配合,Bit是处理组件隔离和发布的开源工具。 Bit.dev支持React,带有TypeScript的React,Angular,Vue等。 ? 在线地址: https://bit.dev/ Unminify 免费的在线工具,用于最小化(解压,反混淆)JavaScript,CSS和HTML代码,使其可读性强,美观 ?
考虑以下示例: https://bit.dev/nsebhastian/tutorial-examples/prop-drill-example? 在下面的示例中,我将 name 数据(而非 props)传递给 Context Provider,给代码做了重构: https://bit.dev/nsebhastian/tutorial-examples
微前端的使用者 微前端得到越来越多企业的积极采纳,下面给出部分最新列表: DAZN、Elsevier、entando、Fiverr、Hello Fresh、IKEA、Bit.dev、Microsoft 实例:微前端及所使用的组件 Bit.dev 平台及其市场营销网站均使用 React 组件构建,并且由 Bit 自身维护。 用户在浏览 网站 查看其“原生服务”时,可停留在不同组件上。
Bit可帮助您将组件与代码库隔离,并在 bit.dev 上共享它们。令人印象深刻的搜索引擎,过滤器和实时游乐场可轻松找到 bit.dev 上的组件。—好的代码始于良好的工作习惯。 示例:搜索在bit.dev上共享的React组件 1. useMemo() 这是一个React钩子,用于在React中消耗大量CPU资源的函数中进行缓存。
它允许你从任何代码库中“harvest”组件,并将它们共享到 bit.dev 的一个集合中。它让团队可以在任何存储库中使用你的组件。使用它可以优化协作、加速开发和保持 UI 一致性。 示例:在 bit.dev 中查找共享 React 组件 1认识误区 我想列一下在过去几个月中,我最常听到的关于微前端的误解。先从从一个明显的例子开始。
链接 [1] medium.com/bitsrc/a-cl… [2] bit.dev/docs/quick-… [3] nx.dev/getting-sta…
在此处了解更多信息(https://bit.dev/)。 ? 带有 Bit 的 Loader 组件:轻松地在项目之间共享和同步 本地设置 我们将用 Docker 来管理服务。
你甚至可以在 Bit.dev 的组件中心上共享它,这样你的团队和你自己将来都能重用它。这样,你就会拥有一个优化极佳的图像组件,可以毫不犹豫地用在所有 Web 项目中。
如果你查看bit.dev 主页,你就会发现,它是由很多独立的组件构成,这些组件由不同的团队,在不同的代码库中构建,并且最终集成在一起。 Bit CLI是用于组件驱动开发,并且广泛流行的工具。
如果查看 bit.dev 主页,你会发现它由很多独立的组件构成。这些组件由不同团队,在不同代码库中构建,并最终集成在一起,创造了一个紧密结合的产品。
在这里不得不提一下 bit.dev。bit.dev 支持将应用的工程化代码(例如脚手架、webpack 配置等)也作为一个组件进行管理。假如修改了工程化组件,所有依赖这些组件的项目都可以触发重新构建。
如果查看 bit.dev 主页,你会发现它由很多独立的组件构成。这些组件由不同团队,在不同代码库中构建,并最终集成在一起,创造了一个紧密结合的产品。 ?
如果查看 bit.dev 主页,你会发现它由很多独立的组件构成。这些组件由不同团队,在不同代码库中构建,并最终集成在一起,创造了一个紧密结合的产品。
3.共享组件:Bit 使用Bit(Github),可以轻松地从任何代码库中“获取”组件并将它们共享到bit.dev中的集合(模块化库)中。