React Native 12 Months Training - Course Contents
What is React Native?
- Abstracting React from the DOM
- Advantages of React Native
- React Native vs Web Apps
- React Native vs React web
Getting started
- Installing React Native
- Android setup – Android Studio
- Run an example project in iOS and Android simulators
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
Styling
- Issues with CSS
- Inline Styles
- Create Immutable style objects with Stylesheet.create
- Pass styles as props
- Positioning components with flexbox
Reactive Native APIs
- Using fetch to retrieve data
- Getting a user’s location and handling permissions
- Accessing stored photos with CameraRoll
- Adding animations
Deployment
- Deploying to Apple App Store
- Deploying to Android Play Store
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
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