synapse-ui

用于Synapse的可重用ui组件

添加新组件

1. 控件中创建新组件 src/ 文件夹中。 您可以将组件放入任何现有文件夹中，或者创建一个新文件夹。
2. 在各自的组件文件夹中创建样式文件。
3. 在新文件夹的根目录下创建index.js文件，如下所示 src/_your_folder/index.js.
4. 像这样导入和导出index.js中的新组件

   import Component1 from './Component1/Component1;
   import Component2 from './Component2/Component2;
   import Component3 from './Component3/Component3;
   
   export {
      Component1,
      Component2,
      Component3,
      {... moreComponents}
   };
   

测试您的新组件

1. 去 package.json ，并更改 name 属性 synapse-ui-v2.
2. 运行 yarn install.
3. 运行 yarn build.
4. 运行 yarn link.
5. 然后转到将使用synapse-ui的项目目录并运行 yarn link synapse-ui-v2.

用Storybook测试组件

1. 创建一个故事。JSX文件以及您的组件
2. 运行 yarn install
3. 运行 yarn storybook
4. 在Storybook仪表板中导航到您的组件
5. 有关其他背景信息，请参阅官方故事书文档 https://www.learnstorybook.com /

出版

1. 运行 yarn install.
2. 如果您尚未登录。运行 npm login． 一定要用npm帐户来计数。
3. 运行 npm publish 命令。
4. !完成了。