gc-ui-storybook-mobile-app

Description

gc Mobile App Universal UI Components

Add stories

Stories will be generated by scripts/route.js, it will auto-load stories on stories folder. It does not require manually configuring routes. Instead, the file system defines the routing. The routing configuration is derived from directories, files and their naming.

Usage

1. Import from Github private Repository

npm install gc-ui-storybook-mobile-app@x.x.x

2. Import by tgz module file, then copy the tgz file to your project and import by file:

npm run build && npm run package

Your package.json

{
	"name": "project-name",
	"dependencies": {
		"gc-ui-storybook-mobile-app": "file:<Your-tgz-file-path>"
	}
}

Build

npm run build

Publish to Github Package

1. Create a GitHub token(token need enable SSO).

Github -> Settings -> Developer Setting -> Personal access tokens -> Generate new token

2. Change .npmrc, copy your token to <Your token>

- # //npm.pkg.github.com/:_authToken=<Your token>
+ //npm.pkg.github.com/:_authToken=xxxxxx

3. Publish to Github Package

npm run publish:github

4. If you don't want to use import from Github packages

npm run build && npm run package

Publish to Expo

npm run expo:publish

This will publish to Expo default channel.

expo:publish-channel <special channel>

This will publish on Expo special channel.

View Storybook on Expo App

By default, you can find project on

Expo App -> Profile -> gc-mobile -> gc-mobile-storybook -> default.