更快地构建防弹UI组件 故事书是UI组件的开发环境。 它使您可以浏览组件库,查看每个组件的不同状态以及以交互方式开发和测试组件。 查看自述文件: 介绍 故事书在您的应用程序外部运行。 这使您可以独立开发UI组件,从而可以提高组件重用性,可测试性和开发速度。 您可以快速构建,而不必担心特定于应用程序的依赖性。 您可以参考以下精选示例,以了解Storybook的工作方式: : Storybook随附了许多用于组件设计,文档,测试,交互性等的。 使用Storybook的API,可以通过各种方式进行配置和扩展。 它甚至已扩展为支持针对移动设备的React Native开发。 翻译 目录
2021-02-04 09:10:18 34.35MB docs storybook StorybookTypeScript
1
单色UI 组件。 基于,使用构建。 具有渐变样式。 :artist_palette: 安装 通过npm安装单色UI。 npm install monochromatic-ui 加载Maven Pro字体。 < link rel= " stylesheet " href= " https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap " / > 图标组件与“材料设计图标”字体一起使用,因此您也将需要它。 < link rel= " stylesheet " href= " https:
2021-02-04 09:10:15 330KB react javascript components library
1
alehatsman.com 软件工程师博客 依赖安装 yarn 开始开发 yarn run develop
2021-02-04 09:10:14 26.28MB react blog static-site-generator styled-components
1
React旅行日期 您的React应用程序的日期/范围选择器。 这是Tripema.com的软件包 多个月,自定义响应式,可选天数 范围选择器,悬停,主题库 支持贾拉利和格里高利安 使用Day.js(2KB不可变的日期,不需要moment.js) 套件大小:30kB(最小+压缩9.2 kB) 演示版 还可以! 要么 要在自己的计算机上运行该演示,请执行以下操作: 克隆此存储库 yarn install yarn start 访问 入门 兼容性 您的项目需要使用React 16或更高版本。 如果您使用旧版本的React,请参考下表以找到合适的React-Trip-Date版本。 安装
2021-02-04 09:10:13 270KB react typescript styled-components storybook
1
Web组件/材质UI设计/ StoryBook 。 Какдобавитьксебе Потребуетсякакой-нибудь web-сервер -сервердлястатики,например, вСклонируйтекорневуюпапкусервераэтотрепозиторийи 。 git clone https://github.com/xaota/material-kit git clone https://github.com/xaota/material Зависимости Вкорнесервератакжедолжнабытьпапк
1
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 导出静
2021-02-03 14:05:44 171KB react react-components lerna storybook
1
React-Weather-App 目录 使用说明 首先克隆此存储库。 $ git clone https://github.com/rawfour/weather-app-react.git 安装依赖项。 确保您已经在系统中安装了 & 。 $ npm install # or yarn 运行 $ npm start # or yarn start 描述 这是一个使用OpenWeatherMap API的简单React天气应用程序。 技术领域 项目用途: React 样式组件
2021-02-03 14:05:19 253KB react eslint styled-components storybook
1
React 在使用组件。 演示版 为什么 Eleventy是一个很棒的静态网站生成器,但是我不喜欢模板引擎。 它们引入了许多自定义语法,几乎不可能将它们转换为基于组件的开发流程。 安装 1.克隆或下载存储库 git clone git@github.com:signalkuppe/eleventy-react.git eleventy-react 2.进入工作目录 cd eleventy-react 3.安装项目依赖项 npm install 3.运行开发模式 npm run dev 建立您的网站进行部署 npm run build 产品特点 与数据文件和自定义模板数据集成 只需将data export添加到您的jsx文件 import React from 'react' ; import DefaultLayout from '../components/layout/Default' ; import P from '../components/primitives/P' ; import Span from '../components/primitives/Span' ;
2021-02-03 14:05:18 530KB react styled-components storybook eleventy
1
lwc-storybooks-poc LWC Storybook PoC是和的集成。 它演示了如何在诸如Storybook之类的开源项目中使用 。 基本组件实现Lightning Design System,并使用开发。 入门 在本地运行该项目,以探索Storybook中如何使用 。 克隆仓库。 $ git clone git@github.com:reiniergs/lwc-storybooks-poc.git $ cd lwc-storybooks-poc 安装依赖项。 $ yarn install 运行本地版本。 此步骤将打开Web浏览器并导航至 。 $ yarn storybook 部署基本组件的准则 要在您自己的项目中部署基本组件,请遵循以下准则。 安装依赖项 版本2.2.6 版本2.11.0-beta.1 版本0.3.0 版本1.0.0 版本1.0.0 实施基本组件 属于src/c文件夹。 克隆项目所需的组件文件夹。 例如,将克隆到src/c/badge 。 您不需要.js-meta.xml配置文件。 将CSS文件添加到component文件夹,例如
2021-02-03 14:05:17 3.17MB components library web-components storybook
1
Ionic 5高级组件 当前,该项目正在使用所有版本的最新版本:Ionic和Angular 我创建此存储库是为了帮助人们学习和加快开发过程。 您会发现许多不同的组件,页面,管道,服务,它们对您非常有用。 请注意,尽管这些都是实验性的! 这里的内容是在线上找到的教程,一些经过改编的内容,一些受启发的版式以及其他由世界各地杰出贡献者制作的内容的混合。 建立 使用此项目的要求: Node.js( ) npm(Node Package Manager,它随node.js安装一起提供) 如果您没有最新版本的npm: $ sudo npm install npm -g 科尔多瓦和离子Cli 要将它们都安装在系统上,只需启动以下命令: $ sudo npm install cordova ionic -g 安装NPM依赖项 克隆此存储库后,请在终端上运行以下命令以安装所有必需的依赖项: $ npm install 安装cordova插件依赖项 在您的终端上运行以下命令以添加平台并安装所有必需的puglins: iOS: $ ionic cordova platform add i
2021-02-03 09:37:52 94.4MB components design cordova ui
1