React Native: Building Mobile Apps

React Native: Building Mobile Apps

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 2h 28m | 539 MB

Companies like Facebook, use React Native to create native mobile apps—with native performance—for a variety of platforms. You too can harness the power of React Native to build your own native projects, using JavaScript and the familiar React.js framework. This course provides a complete introduction, starting with using the React Native command-line interface (CLI) to create a new project. Instructor Steve Emmerich goes from this setup step through complete application, using Firebase for authentication and storage and MobX for state management. Follow along and learn how to create scenes, set up navigation, store and manipulate data in databases and files with Firebase, interact with the device camera, and use MobX to manage application states.

Topics include:

  • Setting up your project and Firebase account
  • Creating the app container
  • Setting up basic navigation
  • Creating a splash screen
  • Creating a login screen
  • Creating a match feature
  • Creating a post feature
Table of Contents

Introduction
Using the exercise files
Welcome
What you should know

Getting Set Up
Install Node.js and npm
Intro to technologies
Set up a database in Firebase
Set up a Firebase account
Set up a react-native project
What we will be building

Building an App
Build the splash screen
Connect the app navigator, splash screen, and config store
Create the config store
React Navigation and creating the navigator
Set up babelrc

Create a Login Screen
Add custom theme
Add login styles
Create the authentication store
Create the login component
Create the login screen

Create a Match Feature
Create match screen
Creating the match component
Creating the match store
Render match component
Style match component

Create a Post Feature
Creating the post scene
Creating the post store
Finishing touches
Installing the image picker
Render the post scene
Set up Android Studio

Conclusion
Next steps