wwayne / React Native Nba App

This is why we play

Info

• Platform: iOS & Android
• State Management: Redux
• Code Style: Standard
• Unit Test: None, take a look at snowflake for learning
• Related Articles: Let’s drawing charts in React-Native without any library

Demonstration

Games

Players

Teams

Develop

iOS

1. $ npm install
2. $ npm run clean react-native unsupport for .babelrc since 0.16, so you have to remove all .babelrc in your project(includes packages)
3. $ npm start
4. Open your Xcode, select a simulator, click the play button or cmd + R

Android

1. Same to official doc
2. $ react-native run-android
3. It's a bit complicated to those who are not familiar with Android development, like me

Design

The design is made by Sketch, you can find the original design file in Dropbox, it may help if someone wants to design new features.

Run in device

iOS：

1. Check the official doc first, the following steps are based on official doc

2. Comment console in lib/middleware/logger.js, because native environment doesn't support for console.group

3. Generate js bundle: $ react-native bundle --entry-file index.ios.js --platform ios --bundle-output ./main.jsbundle

4. Add js bundle into your project: open Xcode, select Files -> Add Files to... -> select the main.jsbundle file that just generated

5. In Xcode, select your device, then click the play button or cmd + R

Android:

I never tried

To Be Continue

1. Fix UI in Android
2. Find a better way to organize css
3. Unit test

License

MIT