1.0.1 • Published 2 years ago

@03balogun/rn-ui-library-starter v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

**image

Reactnative UI library starter

CircleCI

Introduction

The aim of this project is to help improve developer experience when creating a reactnative UI library.

This repository is an extension of expo-storybook-starter which comes with @storybook/react-native and @storybook/addon-react-native-web

What's included 🎉

  • Storybook (Expo and RNWeb)
  • Typescript support
  • Testing(Jest and @testing-library/react-native)
  • Linting / Formatting (Eslint and Prettier)
  • Husky - Enforcing commits with hooks.
    • commitlint - commitlint checks if your commit messages meet the conventional commit format.
  • CircleCI configured

Getting started

To get all the dependencies run

yarn install

To run on the web use

yarn storybook

To run on ios or android

yarn start

Then open the app from the terminal or from the expo ui in ios or android.

important for ondevice

If you add new stories on the native (ondevice version) you either need to have the watcher running or run the stories loader

To update the stories one time

yarn update-stories

To watch the stories files

yarn storybook-watcher

Note that this is only necessary for when you add or remove a story file.

Create components

Create your components and export them in src/index.ts

Publishing your package

  • You should run npx semantic-release-cli setup in your cli to setup for your preferred CI.
  • Setup your project on CircleCI
  • Goto the project settings to add Environment Variables and values for NPM_TOKEN and GH_TOKEN
  • Run deployment, subsequent push to the master or beta branch will roll out new release depending on if there's a new feature, fixes or breaking changes.

Sample NPM package

Credits

1.0.1

2 years ago