Erda平台的前端UI。 :megaphone: 介绍 Erda是Terminus创建的一个开放源代码平台，用于确保微服务应用程序的开发。 该存储库与Erda的用户界面有关。 :sparkles: 平台类 DevOps平台 微服务治理平台 多云管理平台 边缘计算平台 快速数据平台（即将开源） 有关详细介绍，请。 :desktop_computer: 环境支援 现代浏览器和Internet Explorer 11（带有 ） 火狐浏览器 Chrome合金 苹果浏览器 最近2个版本 最近2个版本 最近2个版本 :rocket: 快速开始 去做 建筑学 技术栈： UI库：Ant Design和Terminus NUSI 状态管理：多维数据集状态 i18n：i18next 捆绑器：webpack 该项目包含以下部分： cli：erda-ui的命令行界面，有助于快速设置开发环境并将文件打包到Docker映像。 核心：提供注册框架和核心功能，例如初始化多维数

适合想要学习前端的小伙伴，或者刚刚毕业准备入职做前端的小伙伴，满满的干货。

Evergreen 是一个 React UI 框架，用于在网络上构建雄心勃勃的产品。 由 Segment 提供给您。 Evergreen 包含一组开箱即用的精美 React 组件。 Evergreen 组件建立在 React UI Primitive 之上，以实现无限的可组合性。 Evergreen 为企业级 Web 应用程序提供 UI 设计语言。 Evergreen 包含一组开箱即用的精美 React 组件。 Evergreen 组件建立在 React UI Primitive 之上，以实现无限的可组合性。 Evergreen 为企业级 Web 应用程序提供 UI 设计语言。 Evergreen 建立在您永远无法预测所有未来需求的信念之上，只能为它做好准备。 Evergreen 没有创建适用于今天的固定配置，而是推广能够预测新的和不断变化的设计要求的建筑系统。 Evergreen 建立在这样的信念之上，即事物应该使用智能默认设置开箱即用，但也可以在需要时提供完全控制。

元素 一个 React 组件库，用于轻松快速地构建现代应用程序。 文档 在了解更多信息 什么是独特的？ 周围有一些 React UI 库，你可能想知道这里是否有什么新东西？ 一些有趣的事情： 功能齐全的 Table 组件，可扩展、快速、响应Swift、无限滚动等 使用 0 配置平滑加载骨架包装器 超过 50% 的库代码是 SCSS ，使其易于自定义且流畅 和其他一些你应该看看的好东西 安装 npm i elementz --save 包大小约为 500KB 用法 import { Button } from 'elementz' ; < Button primary > Push me < / Button >

React Filter Control 用于构建复合过滤条件的 React 组件 Demo (JS) | 演示 (TS) 连同数据表概述安装 npm npm install react-filter-control yarn yarn add react-filter-control 用法基本示例 import React from "react"; 从“react-dom”导入 ReactDOM； 从“React过滤器控制”导入过滤器控制； 从“./data.js”导入 { fields, filterValue }; const handleFilterValueChange = filterValue => { // ... }; const App = () => { 返回 ( ); }; ReactDOM.render( , document.querySelector("#root")); CodeSandbox API FilterControl 属性名称类型描述字段数组中的打开示例。 字段设置 filterValue FilterValue filterValue 设

teamup-ui:组队系统React UI

Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 yarn eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 相反，它将所有配置文件和传递依赖项（webpac

Blackmaker UI 基于WIP React的UI框架。 当前的故事书可在 建立 在本地进行开发时，请在根目录中运行... yarn安装依赖 yarn test可在所有包装中进行测试 yarn build以在packages/{package}/out构建可分发内容和类型 yarn storybook来运行本地故事书服务器 yarn build-storybook来建立故事书 以交互方式软件包版本。 这将自动提交版本，标记提交并推送到git remote。 以将自上一发行版以来已发生更改的所有软件包发布到NPM。 这会自动以交互方式更改版本。

React组件库发布入门 入门 克隆项目： git clone git@github.com:garmeeh/lerna-starter.git 安装项目： npm install 运行npm run start 运行npm run start将： 1.）旋转故事书。 然后，您可以导航到 ，您将能够看到Storybook中展示的示例软件包。 2.）将在监视模式下运行构建脚本。 这意味着将在“故事书”中构建并更新在“ packages”文件夹中进行的所有更改。 出版 要构建和发布软件包，您只需要运行： npm run publish-packages （您需要登录到npm） 这将运行构建脚本，然后发布您的软件包。 当前设置为单独发布每个程序包，以使其版本独立。 您可以在找到完整的发布选项，以便根据自己的实际需求进行调整。 但是对于大多数情况，当前的设置就足够了。 测验 该项目带有为您设置的和。 要运行所有测试并生成覆盖率报告，只需运行： npm run test 在开发过程中，您还可以通过运行以下命令以监视方式运行测试： npm run test:watch 导出静