Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build a Realtime Chat App in React Native

notJust․dev via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn to build a real-time chat mobile application in React Native inspired by WhatsApp's UI design in this comprehensive tutorial for beginners. Set up a React Native project using Expo, design the UI layout, structure components, and implement navigation between screens. Explore how to create chat list items, chat rooms list using FlatList, chat screens, and chat input components. Discover the process of connecting the application to a GraphQL backend using AWS Amplify for real-time chat functionality. Practice modern JavaScript, TypeScript, and AWS Amplify while following best practices and using the latest technologies. By the end of this tutorial, you'll have created a fully functional chat app that you can add to your portfolio to enhance your job prospects in mobile development.

Syllabus

Intro
Initialize the React Native project
Project structure
React Navigation
Chat List Item Component
Chat Rooms List FlatList
Chat Screen
Chat Input Component
Floating Button New Chat Room
Demo

Taught by

notJust․dev

Reviews

Start your review of Build a Realtime Chat App in React Native

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.