React Native Crash Course TraversyMedia.com

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…

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

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

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

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

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

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

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);

Let’s Code…