Create a WhatsApp Clone in React Native Mobile App Guide

Create a WhatsApp Clone in React Native – Mobile App Guide, available at $74.99, has an average rating of 4.5, with 227 lectures, based on 200 reviews, and has 1692 subscribers.

You will learn about Learn how to use react native to create mobile apps Learn how to create an instant messaging system Learn how to use Firebase to store data Learn how to create registration systems allowing users to sign up to your app This course is ideal for individuals who are Anyone that wants to learn how to build mobile apps using React Native or Anyone that wants to build an instant messenger using React Native It is particularly useful for Anyone that wants to learn how to build mobile apps using React Native or Anyone that wants to build an instant messenger using React Native.

Enroll now: Create a WhatsApp Clone in React Native – Mobile App Guide

Summary

Title: Create a WhatsApp Clone in React Native – Mobile App Guide

Price: $74.99

Average Rating: 4.5

Number of Lectures: 227

Number of Published Lectures: 226

Number of Curriculum Items: 227

Number of Published Curriculum Objects: 226

Original Price: ￡99.99

Quality Status: approved

Status: Live

What You Will Learn

Learn how to use react native to create mobile apps

Learn how to create an instant messaging system

Learn how to use Firebase to store data

Learn how to create registration systems allowing users to sign up to your app

Who Should Attend

Anyone that wants to learn how to build mobile apps using React Native

Anyone that wants to build an instant messenger using React Native

Target Audiences

Anyone that wants to learn how to build mobile apps using React Native

Anyone that wants to build an instant messenger using React Native

Do you want to become an expert in building mobile apps using React Native/JavaScript? And how about Firebase as a database system? Do you want to build an instant messenger just like WhatsApp?

If so, you’re in the right place! This course will guide you step by step in creating your own WhatsApp clone COMPLETELYfrom scratch.

We’re talking the kind of app that will amazeanybody that sees it. The kind of app that will get you hiredin no time!

Why let me teach you?

I work as a Software Engineer at Microsoft where I build products used by millions of people all over the world! I want to take the skills I’ve gained through years of working with some of the best developers in the world and transfer them directly to you!

I’ve taught tens of thousands of students here on Udemy and created some of the most popular development courses available!

Okay so what’s the course about?

I will personally guide you, step by step, in creating your ownsocial network site just like WhatsApp complete with:

Instant messaging in real time

Sending image messages

Group chat support

Profile pictures

Group chat photos

Message replies

A full user search

Settings pages

and much more!

Whether you are a beginner* or an experienced programmer, this course will be massively beneficial to you.

Why should I take the course?

In the programming world, the “big 4” often consists of Google, Microsoft, Facebook and Amazon. To get a job at any of these companies, you absolutely MUSTknow the essentials like JavaScript. In addition to this, React Native is incredibly hot right now so learning this will be a huge deal to an employer.

If you take this course, you will have nothing to worry about because we use allof these skills extensively!

Support: 

By enrolling in this course, you will have the COMPLETE support of a Microsoft Software Engineer (me). I’m always ready to answer any question you may have. Programming issues, errors, feature requests, general programming advice – it doesn’t matter, I’m always happy to help! I always aim to respond to questions within a few hours and it’s also worth noting that I’ve answered EVERY SINGLE question asked so far.

Future course discounts:

By enrolling in this course, you will get access to ALL of my current and future courses for the lowest possible discount we as instructors are capable of offering on Udemy – FOREVER. 

Project portfolio:

The site you create in this course will be the highlight of your project portfolio! Any potential employer who see’s this project on your resume will want to hear all about it. The reason? They know that a project like this means you’re familiar with the wide range of technical skills they need their employees to know.  

Fun!

Finally, this project is a lot of fun and I know you’ll have a great time implementing your own unique ideas as well as the ones we implement together. What are you waiting for? 

*Although this course is suitable for beginners, it is not an introduction to development course. I won’t go into much detail when explaining the basic programming concepts but I’m here to help if you want more of an explanation – just let me know!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Intro video (from course landing page)

Lecture 2: How to ask questions

Lecture 3: What is Expo?

Lecture 4: Creating our project!

Lecture 5: A quick rundown of the project structure

Lecture 6: Where do I find the source code?

Lecture 7: Some useful VS Code extensions

Lecture 8: Running the app on a real device

Lecture 9: Running the app on an Android emulator

Lecture 10: Running the app on an iOS emulator

Chapter 2: React Native basics – quick overview

Lecture 1: Styling elements

Lecture 2: Buttons

Lecture 3: SafeArea

Lecture 4: Hooks – useState

Lecture 5: Hooks useEffect

Lecture 6: Hooks – useCallback

Chapter 3: Fonts and splashscreens

Lecture 1: Picking a custom font

Lecture 2: Showing a splash screen while loading

Lecture 3: Adding a custom splash screen

Lecture 4: Setting custom fonts

Chapter 4: Adding the navigation system

Lecture 1: Installing React Navigation

Lecture 2: Creating the stack navigator

Lecture 3: Fixing the screen display

Lecture 4: Navigating to a screen on button press

Lecture 5: Configuring the navigation options

Lecture 6: Adding bottom tabs

Lecture 7: Configuring the titles of our navigators

Lecture 8: Displaying icons on our bottom tabs

Lecture 9: Separating our navigator into its own file

Lecture 10: Separating the logged in navigator

Chapter 5: Chat screen UI

Lecture 1: Creating the chat screen

Lecture 2: Setting the background image

Lecture 3: Handling the chat safe area

Lecture 4: Buttons with icons

Lecture 5: Styling the textbox and buttons

Lecture 6: Showing a send button as the user types

Lecture 7: Styling the send button

Lecture 8: Handing a message being submitted

Lecture 9: Fixing the textbox being hidden behind the keyboard

Chapter 6: Sign up screen

Lecture 1: Creating the sign up screen

Lecture 2: Adding a page container component

Lecture 3: Creating a custom input component

Lecture 4: Adding an icon to the input

Lecture 5: Styling the label

Lecture 6: Styling the textbox

Lecture 7: Displaying error text

Lecture 8: Creating a custom submit button

Lecture 9: Submit button title, onPress and remaining style

Lecture 10: Switching between sign up and sign in forms

Lecture 11: Setting the form image

Lecture 12: Prevent keyboard from hiding the form

Chapter 7: Form validation

Lecture 1: Handling text changed

Lecture 2: Validation demo

Lecture 3: First name and last name validation

Lecture 4: Refactoring the validation functionality

Lecture 5: Improving the return value

Lecture 6: Validating emails and passwords

Lecture 7: Improving our textboxes

Lecture 8: Validating the sign in form values

Lecture 9: Managing form state with useReducer

Lecture 10: Evaluating the whole forms validity

Lecture 11: Evaluating the whole sign in form validity

Lecture 12: Displaying the error messages

Chapter 8: Creating the users account (signing up)

Lecture 1: Getting the form values

Lecture 2: Creating our Firebase project

Lecture 3: Firebase helper file

Lecture 4: Authenticating a user with Firebase

Lecture 5: Handing email already in use errors

Lecture 6: Displaying errors

Lecture 7: Adding a loading spinner

Lecture 8: Sending user data to the database

Lecture 9: Using Redux toolkit to manage app state

Lecture 10: Configuring out auth slice

Lecture 11: Saving auth info to the state

Lecture 12: Accessing data from the state

Lecture 13: Going to the main page when they sign up

Lecture 14: Saving sign in data to storage

Lecture 15: Creating the start up screen

Lecture 16: Handling when storage is empty

Lecture 17: Handling an expired token

Lecture 18: Auto logging in if a token exists

Lecture 19: Clearing the storage – forcing the log out

Lecture 20: Signing in

Lecture 21: Handling sign in errors

Lecture 22: Fixing error: Cant perform a React state update on an unmounted component

Lecture 23: Logout timer

Lecture 24: Loading spinner for the sign in form

Lecture 25: test mode for quick sign in

Chapter 9: Settings page

Lecture 1: Adding a custom page title element

Lecture 2: Fixing the margin of the settings page

Lecture 3: Adding the input fields

Instructors

Reece Kenney
Software Engineer at Microsoft

Rating Distribution

1 stars: 1 votes

2 stars: 4 votes

3 stars: 15 votes

4 stars: 49 votes

5 stars: 131 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!