In this course, you’ll learn how to to develop React applications that run on both iOS and Android devices We’ll explore everything from setting up a proper development environment, building and styling a cross-platform mobile application You’ll incorporate native APIs such as geolocation and local notifications, and even learn how to get your app ready for the Google Play Store and the App Store!
| Topic |
|---|
| Learning the Basics: |
| A Whistle-Stop Tour of React |
| Why React? |
| Virtual DOM |
| One-Way Data Flow |
| Installation and Setup |
| Create a Hello World Application |
| Introduction to Components |
| Deep-Dive into Components |
| Properties |
| State |
| Installation: |
| Installing Node and npm |
| Installing the React Native Package |
| Updating React Native |
| Your First App |
| Creating a Basic Skeleton |
| Running App on a Simulator |
| It’s Not a UIWebView |
| Enabling Live Reload |
| What Makes React Native Different? |
| Ejecting a React Native Application |
| Debugging |
| Reload |
| Debugging in Chrome |
| Debugging in Safari |
| Showing Performance Monitor |
| The Inspect Element |
| Solving Problems Differently with Flux and Redux: |
| MVC Pattern |
| Flux |
| Success of Flux |
| Flux Deep Dive |
| The Dispatcher |
| The Need for Dispatcher [dispatch() and waitFor()] |
| Stores |
| Actions |
| Redux |
| Redux Core Concepts |
| Action |
| Reducer |
| Store |
| Redux with React Native |
| Working with the Components |
| Canvas, Brush, and Paint: Working with the User Interface: |
| React Navigation |
| NavigatorIOS |
| Flexbox |
| flexDirection |
| Flex |
| Images |
| TouchableHighlight |
| ListView |
| ScrollView |
| < ScrollView > vs < FlatList > |
| Animations |
| Exploring Device Capabilities: |
| MapView and GeoLocation |
| Reviewing the GeoLocationMap Code |
| Adding Annotation on a Map |
| Displaying the Latitude and Longitude of the Current Location |
| AsyncStorage |
| Reviewing the AsyncStorage Code |
| Native Alert |
| Reviewing the NativeAlert Code |
| WebView |
| Reviewing the WebView Code |
| Deep Linking |
| Communicating with Servers: |
| XMLHttpRequest |
| WebSocket |
| Fetch |
| Getting Data from a Server |
| Saving Data to a Server |
| Native Bridging in React Native: |
| Native Bridge |
| Prerequisites for the Example |
| Native Bridge for Android |
| Testing: |
| Flow |
| Benefits of Using Flow |
| Jest |
| Jest with React Native |
| Snapshot Testing with Jest |
| Getting Ready for the World: |
| Apple Developer Account |
| Google Play Console |
| iOS Build Process |
| Create a CSR File |
| Generating iOS ipa(iPhone Application Archive) |
| Generating Android apk(Android application package) |
OraSoft Training Institute has been developing the IT workforce in Karachi and Pakistan for 26 years, focusing on facilities, technology, and people to uphold its reputation for excellence in technology training.
OraSoft Training Institute, Copyright © 1999 - 2025, All rights reserved.
Design By Visual Innovative
