mvst-ui-mobile v0.0.4

MVST UI Lib - React Native

Read before any change

• The project will install and run this lib needs to support Typescript
• The entrypoint file for the lib is lib.ts
• This is a lib but also a runnable app for our design system
• Feel free to contribute and enrich the project as much as possible
• Avoid data manipulation inside this project, this a lib focused on UI components
• The version management is very important. Ensure to release semantic versions after your changes (npm explanation)

Running Storybook locally

Only test on iOS so far

1. Install dependencies (rather yarn)
2. Prepare your environment to run React Native projects
3. Run the commands below

yarn develop

# it runs two commands together
# yarn storybook
# yarn ios

It opens a browser where you can navigate between the components, but you will only be able to see it in your simulator.

Next steps

- Create a step-by-step about how to maintain the lib and run it locally React doesn't support yarn link to run the lib locally

• Create a config file to define the colors of the theme when using the lib externally
• Integrate Figma with Storybook
• Document all components inside Storybook
• Create functional tests for each component
• Double check every single component used in our mobile apps is inside this lib
• Start to use the lib inside apps already in production
• Create a pipeline to manage the version and publish the package

Installing

yarn install mvst-ui-mobile

Dependencies

• @shopify/restyle (theming)
• react-native-spinkit (spinners)