HOME > IT & Software > React Native Chat App with Firebase Firestore Course 2020

React Native Chat App with Firebase Firestore Course 2020

SynopsisReact Native Chat App with Firebase – Firestore Course...
React Native Chat App with Firebase Firestore Course 2020  No.1

React Native Chat App with Firebase – Firestore Course 2020, available at $39.99, has an average rating of 3.8, with 89 lectures, based on 56 reviews, and has 6559 subscribers.

You will learn about React Native App Development Real-Time Chat Application Firebase Auth Firestore Database React Native Hooks Reusable Components This course is ideal for individuals who are Anyone who are willing to learn react native development or Anyone who want to develop realtime chat application or Anyone who wants to be Mobile Application Developer It is particularly useful for Anyone who are willing to learn react native development or Anyone who want to develop realtime chat application or Anyone who wants to be Mobile Application Developer.

Enroll now: React Native Chat App with Firebase – Firestore Course 2020

Summary

Title: React Native Chat App with Firebase – Firestore Course 2020

Price: $39.99

Average Rating: 3.8

Number of Lectures: 89

Number of Published Lectures: 89

Number of Curriculum Items: 89

Number of Published Curriculum Objects: 89

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

  • React Native App Development
  • Real-Time Chat Application
  • Firebase Auth
  • Firestore Database
  • React Native Hooks
  • Reusable Components
  • Who Should Attend

  • Anyone who are willing to learn react native development
  • Anyone who want to develop realtime chat application
  • Anyone who wants to be Mobile Application Developer
  • Target Audiences

  • Anyone who are willing to learn react native development
  • Anyone who want to develop realtime chat application
  • Anyone who wants to be Mobile Application Developer
  • This course is for every programmer who wants to learn mobile application development and want to increase their skills to the next level.

    Do you want to learn Mobile Application Development?

    – You will learn it in this course.

    Do you want to make iOS and Android app with a single code base?

    – You are in the right place.

    Do you want to learn the Git Commands?

    – Yes? Then why are you thinking?

    Do you want to learn react-native Hooks?

    – Of course yes

    Do you want to Master firebase Auth?

    – Absolutely

    Do you want to Master firebase firestore realtime database ?

    – Definitely

    Then why are you giving it a second thought just enroll and avail the opportunity.

    What You will learn in this Course:

  • React’s custom markup Language JSX to design the UI.

  • The process of breaking down complex components into smaller separate Reusable components.

  • Separate Utils and Helper Classes

  • React Native Hooks.

  • How to make beautiful looking apps.

  • Learn the flexbox technique to design apps.

  • How to make responsive apps for different Screens.

  • Firebase Authentication.

  • Firebase Firestore Realtime Database.

  • React Native react-navigation V5.

  • Learn git commands

  • We will cover all these topics in-depth by building a Chat App with a realtime firestore database.

    Note:I built this course by having in mind that what will be the best practices and approaches required to build an app and the concepts that I have learned through my professional development experience.

    Course Curriculum

    Chapter 1: Introduction

    Lecture 1: Self Introduction

    Chapter 2: Real-Time Chat App Demo

    Lecture 1: Part 1 – App Demo

    Lecture 2: Project Structure and How we will Proceed in this App.

    Chapter 3: Setting up the Project

    Lecture 1: Creating a New Project and Setting-Up github Repo

    Chapter 4: Get Started with React-Navigation V5

    Lecture 1: Installing the Dependencies

    Lecture 2: Getting Started with react-navigation

    Lecture 3: Adding boiler-plate code to screens

    Lecture 4: Creating a Main Stack Navigator – Part 1

    Lecture 5: Creating a Main Stack Navigator – Part 2

    Lecture 6: Configuring App.js

    Lecture 7: Fixing the issues and pushing the code to github

    Chapter 5: Creating Helper Classes

    Lecture 1: Analyzing the SignIn Screen

    Lecture 2: Implementing Utility Class

    Lecture 3: Finishing the Utility Class

    Lecture 4: Implementing Colors Class

    Lecture 5: Renaming Color Class

    Lecture 6: Renaming Navigation Folder

    Lecture 7: Creating Const Class

    Lecture 8: Creating String Class

    Lecture 9: Creating Images Class

    Chapter 6: Reusable Components

    Lecture 1: Creating Button Component

    Lecture 2: Running on Simulators

    Lecture 3: Fixing the Issues

    Lecture 4: Fixing the Issues conitnues

    Lecture 5: Issues fixed and running on simulator

    Lecture 6: Creating Email Textfield Component

    Lecture 7: Pushing the code

    Lecture 8: Whats next?

    Lecture 9: Password Textfield Component

    Lecture 10: Dismiss keyboard Component

    Chapter 7: Designing the Signin Screen

    Lecture 1: Designing the Signin Screen.

    Lecture 2: Fixing layout issues.

    Lecture 3: Finishing the signin screen design.

    Lecture 4: Pushing the code

    Chapter 8: Securing critical Info

    Lecture 1: Installing the Dependencies

    Lecture 2: Create .Env File

    Lecture 3: Pushing the code

    Chapter 9: Setting-up Firebase

    Lecture 1: Creating Firebase App

    Lecture 2: Adding Web app and installing the dependencies

    Lecture 3: Configuring firebase

    Lecture 4: Renaming firebase class

    Chapter 10: Implementing Firebase Auth

    Lecture 1: Implementing firebase auth

    Lecture 2: Fixing the issues

    Lecture 3: Adding Loader to Button

    Lecture 4: Finishing the User Auth

    Lecture 5: Handling the error

    Lecture 6: Pushing the code

    Chapter 11: Creating Chat Groups

    Lecture 1: Navigation to Groups Screens

    Lecture 2: Adding Navigation bar button

    Lecture 3: Creating Custom Text Field

    Lecture 4: Finishing the Custom Text Field

    Lecture 5: Designing the Create Group Screen

    Lecture 6: Fixing the issues

    Lecture 7: Fixing the issues cont

    Lecture 8: Issues resolved and Explanation

    Lecture 9: Explanation Cont

    Lecture 10: Navigating back to screen

    Lecture 11: Implementing the Group Item

    Lecture 12: Implementing Group Screen

    Lecture 13: Finishing the Group Screen

    Lecture 14: Fixing the bugs

    Lecture 15: Pushing the code

    Chapter 12: Chat Screen

    Lecture 1: Creating A MessageFieldView Component

    Lecture 2: Implementing MessageFieldView

    Lecture 3: Implementing Message Item Component

    Lecture 4: Importing Dependencies

    Lecture 5: Implementing get messages

    Lecture 6: Implementing Chat Screen – Part 1

    Lecture 7: Implementing Chat Screen – Part 2

    Lecture 8: Implementing Send Messages

    Lecture 9: Fixing Issues

    Lecture 10: Finishing with the Messages

    Lecture 11: Explanation of what we did so far

    Lecture 12: Join others created Groups

    Lecture 13: Implementing Join Chat

    Lecture 14: Finishing Chat Screen

    Lecture 15: Opening different Simulators

    Lecture 16: Running on Different Simulators

    Lecture 17: Testing the chats

    Lecture 18: Pushing the code

    Chapter 13: Auto Login and Signing out the User

    Lecture 1: Creating Splash Screen to handle Auto Login

    Lecture 2: Adding Logout functionality to our App

    Lecture 3: Fixing the Auto Login Bug

    Lecture 4: Pushing the code and merging it to the Master Branch

    Chapter 14: Adding animations to the App

    Lecture 1: Installing Lottie Animation dependencies

    Lecture 2: Adding animation to Splash Screen

    Instructors

  • React Native Chat App with Firebase Firestore Course 2020  No.2
    Usaid Ather
    Senior Mobile Application Developer
  • Rating Distribution

  • 1 stars: 6 votes
  • 2 stars: 7 votes
  • 3 stars: 8 votes
  • 4 stars: 17 votes
  • 5 stars: 18 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!