Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Build a React Native Application for iOS and Android from Start to Finish

via egghead.io

Overview

If you already know React, then React Native is a great way to build mobile apps for iOS and Android. Of course, web and mobile apps are very different to build — but this course serves as your guide.
In this course, we’ll build a mobile app from start to release with React Native for both iOS and Android. Prior React experience is required, but you don’t have to know anything about mobile development to participate.
Throughout the course, we’ll be building a “Restaurant Review” app. We’ll use all the standard mobile UI elements like text, images, form inputs, buttons, scroll views, and icons, and we’ll show several navigation techniques like push, modal, and tabs. The app will make HTTP API calls to a server and will store data on the device with AsyncStorage. Finally, we’ll specify a custom app icon and splash screen, deploy the app to a physical device, and prepare the app for release to the App Store and Play Store or for ad-hoc release.

Syllabus

  • Create a React Native App and Run it on the iOS Simulator and Android Emulator
  • Reload the Simulator when Changes Occur in React Native Apps
  • Display and Format Text in a React Native Application
  • Layout React Native Components with Flexbox
  • Style Components in a React Native App with StyleSheet
  • Accept User Input with React Native TextInput
  • Write to the Console Log in a React Native App
  • Use the Debugger in a React Native App
  • Style React Native Components Differently on iOS and Android
  • Clean Up the Folder Structure and Imports in a React Native App with Absolute Paths
  • Scroll Elements on a React Native Screen with ScrollView
  • Display a List of Items in React Native with FlatList
  • Make a Touchable Button in React Native
  • Fetch Data from an HTTP Server in a React Native Application using fetch or axios
  • Display Local and Remote Images in React Native
  • Add Icons to a React Native App with React Native Vector Icons
  • Show a New Screen with React Navigation and StackNavigator
  • Customize the StackNavigator Header with React Navigation in a React Native App
  • Pass Data Between Screens when Navigating with StackNavigator
  • Add Bottom Tabs to a React Native App with React Navigation
  • Add a Modal Screen that Pops Up from the Bottom with React Navigation
  • Ensure Text Fields Don't Get Covered by the On Screen Keyboard
  • Show a Spinner while Submitting a Form in React Native with ActivityIndicator
  • Save and Retrieve Data on the Device in a React Native App with AsyncStorage
  • Change the Splash Screen for iOS Apps built with React Native
  • Change the Splash Screen for Android Apps built with React Native
  • Change the App Icon for React Native Apps on iOS
  • Change the App Icon for React Native Apps on Android
  • Run a React Native App on an iOS Device
  • Run a React Native App on an Android Device
  • Build an iOS React Native App for Uploading to the iOS App Store or TestFlight
  • Build an Android React Native App for the Google Play Store or for Ad Hoc Distribution

Taught by

Chris Achard

Reviews

4.6 rating at egghead.io based on 245 ratings

Start your review of Build a React Native Application for iOS and Android from Start to Finish

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.