React Native

Section 1: What is React Native

 Abstracting React from the DOM

 Advantages of React Native

 React Native vs. Web Apps

 React Native vs. React web

Section 2: Getting Started

 Installing React Native

 iOS setup – XCode

 Android setup – Android Studio

 Run an example project in iOS and Android simulators

Section 3: Core React Native Components

 Establishing a layout with View

 Displaying text with Text

 Accepting user input with TextInput

 Adding images with Image

 Making components interactive with TouchableHighlight

 Displaying data with ListView

 Changing screens with Navigator

 Expanding touch capability with GestureResponder and PanResponder

Section 4: Styling

 Issues with CSS

 Inline Styles

 Create Immutable style objects with Stylesheet. create

 Pass styles as props

 Positioning components with flexbox

Section 5: React Native APIs

 Using fetch to retrieve data

 Obtaining a user’s location and managing permission

 Accessing stored images with CameraRoll

 Adding animations

Section 6: Deployment

 Deploying to Apple App Store

 Deploying to Android Play Store

Section 7:  Authentication with Firebase

 A Common Root Component

 Copying Reusable Components

 What is Firebase?

 Firebase Client Setup

 Login Form Scaffolding

 Handling User Inputs

 More on Handling User Inputs

 How to Create Controlled Components

 Making Text Inputs From Scratch

 A Focus on Passing Props

 Making the Input Pretty

 Wrapping up Inputs

 Password Inputs

Section 8: Processing Authentication Credentials

 Logging a User In

 Error Handling

 More on Authentication Flow

 Creating an Activity Spinner

  Conditional Rendering of JSX

 Clearing the Form Spinner

 Handling Authentication Events

 More on Conditional Rendering

 Logging a User Out and Wrapup

Section 9: Real-time project

 React Native project environment setup

 Real-time React Native project

 Project demonstration

 Expert evaluation and feedback

Section 10: You made it!!

 Spark Databox React Native certification

 Interview preparation

 Mock interviews

 Resume preparation

 Knowledge sharing with industry experts

 Counselling to guide you to a right path in React Native career