yorzi / StudyReactNative

Study notes for React Native, code samples and experiments in ES6 format.

Study Notes

Day#1

1. Install necessary tools and configure environment.

   • Follow this to start: http://facebook.github.io/react-native/docs/getting-started.html

   • Follow this if you want to read Chinese: http://reactnative.cn/docs/getting-started.html

   • Installation list:

     • nvm https://github.com/creationix/nvm#installation
     • node (V5.0.0)
     • xCode (V7.2)
     • watchman https://facebook.github.io/watchman/docs/install.html)
     • CLI npm install -g react-native-cli
     • Android Platform https://facebook.github.io/react-native/docs/android-setup.html

2. Learning & reseraching

   • egghead video course on React Native.

Day#2

1. Follow this sample (main task):

   • https://github.com/eggheadio/react-native-gh-notetaker

2. Related Tech/Docs

   • https://css-tricks.com/snippets/css/a-guide-to-flexbox/
   • http://stackoverflow.com/questions/30853178/react-native-global-styles

3. More Videos/Demos

   • https://github.com/bartonhammond/snowflake
   • https://www.youtube.com/watch?feature=player_embedded&v=b4eqQUA3O6o
   • https://github.com/jhabdas/react-native-webpack-starter-kit
   • https://github.com/walmartlabs/react-native-starter

4. Extra resources

   • CN: https://github.com/ele828/react-native-guide
   • EN: https://github.com/jondot/awesome-react-native

Day#3

1. Demo Code and study notes on github

   • https://github.com/yorzi/StudyReactNative

2. Read sample code

   • https://github.com/race604/ZhiHuDaily-React-Native

---

TO DO: ...