Shuttle-UI

Mobile component library, build consistent design system for React Native & Web

Website
Documentation

Installation

// with npm
npm install --save @shuttle-ui/components

// with yarn
yarn add @shuttle-ui/components

Usage

import React from 'react';
import { Provider } from '@shuttle-ui/components';

const App = () => {
  return (
    <Provider>
      <Button>Hello World</Button>
    </Provider>
  )
}

Using on the Web

Install

yarn add react-native react-native-web

Using UMI

Add to config

export default {
  alias: {
    'react-native$': 'react-native-web'
  },
  extraBabelIncludes: [
    'react-native-animatable',
    'react-native-root-siblings'
  ]
}

Using create-react-app

Install @craco/craco

yarn add -D @craco/craco

...to be continued

Configure webpack

...to be continued