Creating a React Native Login

In this course we are going to create from scratch a simple login application using React Native.

 

What You Will Learn

How to create project with Expo.

Importance of setting up development environment.

How to implement screen navigation.

How to use design system (react-native-paper).

How to implement authorization with Firebase.

How to add Google Sign In.

How to build complex screens.

How to add bottom navigation and drawer menu.

This course will teach you how to create from scratch a simple login application using React Native.

You will get a step-by-step demonstration of solving some of the most common problems we encounter when building an application, including:

  • project setup
  • screen navigation
  • user authorization
  • state management

This course is perfect for beginners in mobile applications programming, and those who want to improve their React Native skills.

I came up with the idea for this course because React Native is the most popular cross-platform framework (according to JetBrains’ The State of Developer Ecosystem 2020, 42% of developers use it for their mobile apps). The popularity comes from the fact that developers still write with React code, but it’s shared across iOS and Android.

This course contains all the knowledge you need to create production-ready applications that can be released to the App Store and Google Play. I'll be introducing many tools that are commonly used when it comes to React Native applications, and that knowledge may come in handy in other projects as well.

This is how final product of this course looks like:

start login register forgot home drawer profile

I hope to see you in the course!

Happy Coding 🚀

Course Content

4 modules16 lessons1h 4m total

Introduction

4 lessons 12m total

Introduction

Introduction to "Creating a React Native Login" course

INTRODUCTION

2:24 minutes

Creating your project with Expo

Creating your project with Expo

LESSON

3:13 minutes

ESlint and Prettier

ESlint and Prettier

LESSON

2:55 minutes

React Native Paper

React Native Paper

LESSON

3:45 minutes

Navigation

3 lessons 10m total

Installing a react-navigation library

Installing a react-navigation library

LESSON

2:34 minutes

Creating a stack navigator

Creating a stack navigator

LESSON

3:11 minutes

Transition between screens

Transition between screens

LESSON

4:49 minutes

Basic Screens

3 lessons 17m total

Creating the first screen

Creating the first screen

LESSON

4:54 minutes

Creating the login screen

Creating the login screen

LESSON

6:42 minutes

Creating register & reset password screens

Creating register & reset password screens

LESSON

5:35 minutes

Authorization

4 lessons 17m total

Creating a Firebase project

Creating a Firebase project

LESSON

2:05 minutes

Adding authorization methods

Adding authorization methods

LESSON

5:38 minutes

Creating a loading screen

Creating a loading screen

LESSON

4:24 minutes

Google Sign In

Google Sign In

LESSON

5:44 minutes

Advanced Screens

2 lessons 6m total

Adding bottom navigation

Adding bottom navigation

LESSON

3:27 minutes

Creating a drawer menu

Creating a drawer menu

LESSON

3:05 minutes

Your Instructors

venits

Tony Przybył

I'm a software engineer focused on React & React Native and open-source projects. I come from a full-stack background and I am a big fan of creating SaaS products.

👋 Hi! I'm Tony and I'm a software engineer focused on React & React Native and open-source projects. I come from a full-stack background and I am a big fan of creating SaaS products.

Frequently Asked Questions

Who is this course for?

This course is perfect for beginners in mobile applications programming, and those who want to improve their React Native skills.

What will I learn?

After finishing this course, you will be able to create a production-ready React Native application. Also you will have knowledge on solving some of the most common problems we encounter when building an application.

What if I need help?

You can ask us questions anytime through the community Discord channel or by sending us a message.

Are there any prerequisites?

The only thing you will need before getting started is some basic knowledge of JavaScript and React.

$39

$49

OrGet this course and every newline Book and Guide with a newline Pro subscription for just $20/mo
  • 16 lessons (1h 4m)

  • 1 complete project

  • 1,322 lines of code

Creating a React Native Login

$39

$49