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

Let's build a secure and encrypted real-time chat mobile application in React Native and Expo based on Signal UI design.
👇 Install Expo to follow along. This video is sponsored by Expo!
📚 Enroll NOW for "The Full-stack Mobile Developer" and save 30%

In this video, you will learn React Native with Expo and AWS Amplify from scratch by building a cross-platform (ios and android), full-stack Signal private messenger clone. This project is a great way to get your foot in the door with hybrid, cross-platform mobile development with React Native and AWS Amplify. This is a beginner-friendly tutorial, and all the steps and concepts will be explained in detail.

In this video, you will learn:
✅ How to start a React Native project from scratch using Expo
✅ Render beautiful UI interfaces
✅ Work with custom components (View, Text, Image, Flat list, etc.)
✅ Built your own custom components and reuse them across the app
✅ Install and work with 3rd party libraries
✅ Navigate between screens using React Navigation
Let's learn together 📖💡

🎒 Download the Asset Bundle (Images, Dummy data, PDF presentation, cookies):

🐱‍💻 Source code

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

Tag me on social media when you finish this build, and I will give you feedback on your project.

Timecodes:

Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.

#VadimSavin #notjustdev #notJustDevelopment

[GalaxyExpress-hqqb]

Watching how you debug and solve unexpected bugs always teach me tons!!

[michael-shakaikhanoba]

Bro thanks a lot fr this video
I’m Nigerian and I know this is crazy

[ДжонКолоб-пу]

Огромное тебе, Вадим, человеческое спасибо за такую возможность, изучить бесплатно то, за что обычно платят огромные деньги.
Звучит, возможно, банально, но я реально искренне тебе благодарен. В основном за это не малые суммы дерут, те же ютуберы. Подкинут начальный кусок кода, а дальше, хочешь доделать? Покупай курс. Который, не известно еще на сколько серьезный.
В общем, от души. СПАСИБО!!!
и Лукасу тоже передай спасибо. Пусть свой канал открывает, если еще нету)))

[fabsync]

Love your tutorials and teaching system! Keep it up!

[yanikhohner]

This Tutorials are insane! I learned so much stuff. Keep it up bro!!

[raebailey]

Add encryption and file sharing.
Great stream btw

[leonine]

Vadim hats off thanks for all these series of hand-on tutorial. Massive thanks🙏

[Dev-bsuu]

thank you man may Ford bless you as your blessing us with your great work ...from cameroun

[pasindu]

Amazing series! learned so many things. keep it up ❤️

[dongnb]

Hello! I don't know to customize the terminal interface like the terminal interface in your video. If you have the tutorial document then can you share that document or instruct me to do it. Thanks so much! <3

[nurmuhammadhassan]

Hi sir after following every step as you did it happens to me that there is no bottomtapnavigator in the navigation folder and some syntax error as i continue following. Please help 🥺🙏 especially in the twitter clone

[ОлегАлбаут]

Great tutorial, thx. I've got one question, if you will.

In case when I have a lot of messages FlatList becomes laggy, and all alternatives I've found requires to specify height of element, wchich does not work for me, because messages can contain different amount of content. May be you know how to fix that?

[cartoons__for__kids_Hindi]

In the end the way you updated the title doesn't worked for me, so i had to do some workaround, if anyone having same issue, just reply me i will be happy to describe how i made it work.

[mithunkumar]

I am trying to remove the gap between back button and username image on ChatRoomScreen, but somehow, I am unable to make it. Need your help. Thanks.

[jerryteff]

wow i liked and i m done this and i cant wait for 20 august thank you sir

[rocky_]

Love your Tuto. Please do a kind of freelancer, upwork or fiverr with Reac Native and MongoBD

[davidsupolik]

Hey cool video, any chances to make updated version of these videos? Im not able to fully follow your guide because a lot of changes was made in 2 years. I tried to clone your repository but still it doesnt work..

[Jicklenop]

So I'm just a little curious, I'm very used to exporting at the end of a component (see below) but I see that you are using export on the function itself and I'm curious if there is a particular reason for that or if there is even any difference between the two. This is my first foray into React Native but I have been learning React.js for about a year now (self taught) so maybe it's just a difference between those two?

const ComponentName = () => {
...
}

export default ComponentName;

[yoo]

Is this the complete build or we have another part for backend

[iamsupriyo]

Vadim, can we please get an updated version of this series, i mean its really great but in 2 years alot of things have changed and from a beginners point of view its hard to follow up with. Please