Build a Realtime Chat App in React Native (tutorial for beginners) 🔴

Check out the NEW updated version of this build:

Let's build a Realtime Chat mobile application in React Native based on the Whatsapp UI design.

📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev! Check out what our successful students are saying about their experience:

If you are a beginner that wants to learn javascript and react native, or and advanced javascript developer that wants to get into mobile development using react native then this Livestream is for you. This is a perfect opportunity to follow along and build this application together with us, and add it to your portfolio as it will help you land your next job. If you finish the app, tag me on social media and I will give you feedback.

We will start building the Whatsapp clone from scratch, starting from setting up a React Native project using Expo and finishing with connecting the application with a GraphQL backend using AWS Amplify. We will walk through designing the UI layout of the app, structuring everything in components, and putting everything together. We will also implement navigation between screens, header bars, and tab bars for the Whatsapp menu.

For the backend, we will be using AWS Amplify, which is an amazing combination of tools and services from AWS, that helps us build mobile and web applications faster. It offers pre-made authentication components and flows, database, API (REST and GraphQL), storage, and much more. We will be using Graphql subscriptions for the realtime chat functionalities

Doing the Whatsapp clone yourself is a great opportunity to practice React Native, modern Javascript, Typescript, AWS Amplify. We are always trying to use the latest technologies and best practices, so that's another opportunity to learn something new, being it functional components, hooks, state, navigations or AWS and Amplify.

💬 Join the notJust Development gang and let's build together:

Timecodes
0:00 Intro
9:47 Initialize the React Native project
15:22 Project structure
16:35 React Navigation
50:57 Chat List Item Component
1:31:05 Chat Rooms List (FlatList)
1:48:34 Chat Screen
2:51:17 Chat Input Component
3:23:16 Floating Button (New Chat Room)
3:45:52 Demo

#VadimSavin #notjustdev #whatsapp

[antoniocolon]

Fell asleep to kurzgesagt, woke up to this.
I don't code, program, or every have any intention of learning.
But dope shit dude I subscribed.

[Supoxone]

I'm in IT, not a programmer, but for some reason when I go to sleep with a Youtube video on which is basically every night, it autoplays me programming videos after I fall asleep. Here this past week I always wake up to your videos. Not the worst thing to have auto playing it's cool seeing what you've made when I wake up lol.

[carlosharrytravel]

Regarding your comments around 2:07 ... this is personally why I favour your streams over others and why I want to watch many more. I really enjoy the natural process of coming across a problem and seeing how a developer will get around it and their thought process.

There are too many unrealistic streams and tutorials on YT where the developer looks like they know everything which is ridiculous. Your method gives me confidence that "oh wait, other people struggle with this too, not just me"

[codingwithanonymous]

Sir i recently finished Reactjs and started to learning reactnative from ur videos and ur projects helped me to learn a lot thank you so much sir

[TheWolfTrader]

Thankyou Sir...Lots of Love from India...

[exevirus]

It's really helped me a lot, thank you, Vadim. I now can build real-time chat apps using react native.

[pioleonardo]

It is just 3 months since I started React Native and I am loving it. Your videos are great and makes me want to learn React Native more. Thanks and I am subscribed!

[mohammedthiandoum]

One of the best dev videos. Thank you for cloning whatsapp! It helps me 3 years after release. Peace in you bro! From Senegal 🇸🇳!

[Mirrorlurker]

I don't code, I don't even know why this video came up, but i was sleeping to your voice all night its very soothing

[humayunkhalid]

Man, you are changing my fate.Can't thank enough.God Bless you

[markmanson]

You're amazing, please keep teaching us. :)

Watching from South Africa.

[jerrymilesmiles]

Outstanding! Best regards from Limón, Costa Rica!

[amanueltadesse]

What a journey it was my first experience with react native and you make it a lot easier

[knowakshayjoshi]

Thank You so much, Vadim. Learning a lot from you!!

[fsix]

you really made my day, I am happy with this content

[mahendranath]

Just I though of learning react native, I feel so happy I found your channel, thanks for all your work, 👍🏼🙏 happy subscriber, I highly recommend

[adarshbhardwaj]

i was not finding react native cli stuff on utube u helped me a lot thanks✌✌✌

[OnieKlein]

It's really helped me a lot, thank you, Vadim. I now can build real-time chat apps using react native.

[marinaro]

Thank you so much, this is an awesome tutorial! Extremely grateful for the live debugging especially.

[shivamkumar-qpjm]

best youtube channel to learn react native