1. React Native Crash Course
TraversyMedia.com

2. What This Guide Covers What is React Native?
React Native Installation & Setup
Initializing & Running An App
Creating Components
Key React Native UI Features
Key API Features
Much More In The Full Course…

3. What Is React Native?
Framework for building mobile apps using JavaScript and the React library
Build cross platform apps (Android / iOS)
Uses almost all React.js concepts including components, state, props, lifecycles, etc

4. Real Mobile Apps React Native apps are not hybrid apps
Do not run in a WebView
Uses the same fundamental building blocks as a native app built with Swift / Objective-C / Java
Better and faster than Cordova / PhoneGap / Ionic

5. Advantages Of React Native
Cross Platform
MUCH Less Expensive
Easier to Code
Save Massive Amounts of Time
Open Source

6. UI Component Examples TextInput, Picker, Switch, Slider
Touchable Elements
ListView & ScrollView
Alerts, Modals, ProgressBars
StatusBar
TabBarIOS
ToolbarAndroid

7. APIS for Device Interaction
CameraRoll
AsyncStorage
Geolocation
ImageEditor
PushNotifications
Vibration
Share / Messages

8. Development Environments & Specs
Windows
Android Studio
Android SDK (6.0 Marshmallow)
Android AVD
Mac
Xcode
Simulator

9. import React, { Component } from 'react';
import { AppRegistry, Text, View } from 'react-native';
class MyApp extends Component {
render() {
return (
<View>
<Text>Hello world</Text>
</View> ); }
AppRegistry.registerComponent(‘MyApp', () => MyApp);

10. Let’s Code…