Build a React Native Application for iOS and Android from Start to Finish
|
Learn how to build mobile apps for iOS and Android using React Native. This comprehensive course covers everything from creating a React Native app to deploying it on physical devices and preparing it for release on the App Store and Play Store. Gain hands-on experience with UI elements, navigation techniques, API calls, data storage, and more. Prior React knowledge is required, but no mobile development experience is necessary. Start building your own Restaurant Review app today!
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.
Course Content
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
