Storybook

UI 组件的开发环境
授权协议 MIT
开发语言 Kotlin Java JavaScript TypeScript HTML/CSS SHELL
所属分类 Web应用开发、 网页开发工具
软件类型 开源软件
地区 不详
投 递 者 扈阳辉
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Storybook 是 UI 组件的开发环境,它允许开发者浏览组件库,查看每个组件的不同状态,以及交互地开发和测试组件。

Storybook 在 app 之外运行,这允许开发者独立地开发 UI 组件,这可以提高组件的重用性、可测试性和开发速度。所以可以快速构建,而不必担心应用程序特定的依赖关系。

特点:

  • 附带了许多组件设计、文档、测试、交互性等内容
  • 易于使用的 API 使它易于配置和扩展,甚至被扩展到支持移动的本地开发

 

  • storybook使用教程 by Sarah Sweat 通过莎拉汗 如何使用Storybook构建React开发游乐场 (How to build a React development playground using Storybook) Lately, I have been wanting to try new things and test out new technologies o

  • 一、安装与启动 npx -p @storybook/cli sb init npm run storybook 二、使用 import React from ‘react’ import { storiesOf } from ‘@storybook/react’ import { action } from ‘@storybook/addon-actions’ import Button from

 相关资料
  • 当项目逐渐变大,webpack 的编译时间会变长,可以通过参数让编译的输出内容带有进度和颜色。 $ webpack --progress --colors 如果不想每次修改模块后都重新编译,那么可以启动监听模式。开启监听模式后,没有变化的模块会在编译后缓存到内存中,而不会每次都被重新编译,所以监听模式的整体速度是很快的。 $ webpack --progress --colors --watch

  • Termux 支持的开发环境很强,可以完美的运行 C、Python、Java、PHP、Ruby等开发环境,建议读者朋友们选择自己需要的开发环境折腾。 编辑器 写代码前总得折腾一下编辑器,毕竟磨刀不误砍柴工嘛。Termux 支持多种编辑器,完全可以满足日常使用需求。 Emacs 据说Emacs是神的编辑器,国光我这种小菜鸡还不会使用哎,但是 Termux 官方已经封装好了 Emacs了,我们安装起来

  • 你可以使用原生的Node.js开发环境来开发Electron应用。 为了打造一个Electron桌面程序的开发环境,你只需要安装好的Node.js、npm、一个顺手的代码编辑器以及对你的操作系统命令行客户端的基本了解。 Developer Environment Electron development is essentially Node.js development. To turn you

  • 主机系统环境搭建 推荐使用ubuntu 16.04 64位镜像 下载地址:http://releases.ubuntu.com/16.04/ 备用地址:阿里云镜像 Ubuntu 16.04 安装 U盘启动安装Ubuntu16.04详解 VMware虚拟机安装Ubuntu16.04 Ubuntu下代码编辑器 vim ubuntu 16.04 配置vim开发环境 visual studio code

  • 1. 运行环境 2. 编译和运行项目 Device System: iOS 8.0 or later language Version: Swift 4.0 IDE Version: Xcode 10 or later 项目是用 CocoaPods 管理第三方依赖的,CocoaPods 的环境搭建参考官方文档 或者这篇博文 项目下载成功之后,在命令行工具中( Mac 上的终端程序或者 iTerm)

  • 1. 环境要求 安装 Android Studio,配置好相应的开发环境,具体教程可以在网上搜索相关教程,这里不再赘述; 需注意的是,Android studio 的版本最好更新为 3.2.1;gradle 版本 4.6。 安装好 Android Studio 后,开始导入公版APP源码,具体操作如下: 点击箭头所指的选项,会弹出文件选择框,找到第一步下载的源码,点击确定后就可以自动导入源码到 A

  • 由于小程序开发模式的特殊性,下文将主要介绍小程序组件的开发。 初始化工程 npm init rax my-component 选择 - Component (Build component for application include web),然后选择需要构建到的目标端代码。 项目目录 . ├── README.md ├── build.json ├── demo │   ├── index.

  • 这篇文档的目的是帮助开发人员开发空白组件 获取 compStore 项目 在 compStore 编写空白组件 将空白组件移植到 ChartBuilder 获取 compStore 项目 compStore 项目可以在 git@git.uinnova.com:udatav/chartbuilder-compstore.git 获取 在 compStore 编写空白组件 在 chartbuilder