meetravi / react-native-redux-wix-navigation

JavaScript meets mobile. Use your favourite JavaScript library to develop Android and IOS applications. This setup includes react-native-navigation for smooth screen transitions.

React Native Redux Wix Navigation

Main Dependencies

• React 16.4.1
• React Native 0.56.0
• Redux 4.0.0
• Styled Components 3.3.3
• Wix React Native Navigation 1.1.476
• Recompose 0.27.1

Code Quality Tools

• eslint 5.1.0
• stylelint 9.3.0
• jest 23.4.1
• enzyme 3.3.0
• .editorconfig

Data Flow

I only included redux. Most projects will be fine with redux-thunk If you are more advanced developer then you probably want to install either redux-observables or redux-sagas. redux-observables are the cool thing to use but working with redux-sagas is much easier.

Installation

Official installation guide is here.

The rest of the process is straightforward.

1. Install node_modules: yarn install
2. Link native libraries: react-native link

Development

Run dev server:

$ yarn start

Run virtual device:

$ yarn ios

Testing

Run jest:

$ yarn test

Preview

Troubleshooting

If you run into any problems try one or more of these points:

• Clean up project in Xcode: Xcode -> Product -> Clean
• Run ./repair.sh in root folder
• Start development server yourself from command line using yarn start. (because of cache)
• Make sure that your device has access to internet.