React Foo Pune 2018 React Native Workshop

What we will be building

Setup

Setup steps can be found at https://facebook.github.io/react-native/docs/getting-started.html

Note the two tabs at the top, one for 'Quick Start' and other for 'Build Projects with Native Code'

If you own a Mac, it is recommended to setup your machine via the "Build Projects with Native Code" tab.

Course Structure

Each chapter has a separate branch, so one should be able to checkout any branch and start from there.

1. Chapter 1: Setup.
2. Chapter 2: Creating a List for displaying the coins data.
3. Chapter 3: Fetching data from API, adding pull-to-refresh behavior and search functionality.
4. Chapter 4: Adding navigation and Settings screen.
5. Chapter 5: Store and fetch values based on user's preference.

Checkout any branch, cd CoinWatch, and run yarn to get started.

Scripts

1. yarn start - To start the packager
2. yarn ios - To run on iOS
3. yarn android - To run on android

Further Reading and Resources

• React Native Express - http://www.reactnativeexpress.com/
• React Native Elements - https://github.com/react-native-training/react-native-elements
• Awesome React Native - https://github.com/jondot/awesome-react-native
• Curated List of Open Source React Native Apps - https://github.com/ReactNativeNews/React-Native-Apps
• Ignite - https://github.com/infinitered/ignite
• NativeBase - https://github.com/GeekyAnts/NativeBase

Components Search:

• JS Coach - https://js.coach/react-native
• Native Directory - http://native.directory/