@gd-uikit/uikit

Design System @jinshuju

preview

https://gd-fe-uikit.firebaseapp.com

TODO

• Update dependencies version
• Use Eslint replace Tslint completely
• Use esbuild-loader insteadof ts-loader
• Add Unit Testing
• Update Readme

usage:

use as need, we recommend to use with babel-import-plugin to auto-load styles

remember to inject the global styles at the very first of your app

import { Utils } from '@gd-uikit/uikit'

const { applyComponentGlobalStyle } = Utils

// in your root component

return (
//...
  <ComponentGlobalStyle />
//...
)

setup:

• brew install nvm
• nvm install 8.8
• npm install -g yarn
• yarn

develop:

• write stories about component using storybook in stories/
• create a new component folder under components/ where the component lives, which you can follow the existing component's file structures.

NOTES:

• prefer default export which can be integrated into the plugin like 'ts-plugin-import' to make bundle in demand works.

build:

• yarn run build

deploy(firebase):

follow the instructions on firebase' hosting doc.

• yarn global add firebase-tools
• yarn run deploy

publish to npm

• yarn publish