Embark on a comprehensive tutorial to build a WhatsApp-inspired real-time chat mobile application using React Native. Learn to create a fully functional messaging app from scratch, starting with setting up a React Native project using Expo and progressing to building a backend with AWS Amplify. Master UI layout design, component structuring, and screen navigation implementation. Dive into AWS Amplify's powerful tools for authentication, database management, API integration (REST and GraphQL), and storage. Utilize GraphQL subscriptions to enable real-time chat functionality. Perfect for beginners in JavaScript and React Native, as well as advanced developers looking to expand into mobile development. Gain hands-on experience with functional components, hooks, state management, and navigation while adhering to best practices and using the latest technologies. Access source code, join a developer community for support, and challenge yourself to complete this portfolio-worthy project to enhance your job prospects in mobile development.
Overview
Syllabus
Introduction
What we will build
Technologies
Getting started
Prerequisites
Initialize the project
Build the chat list item
Working with props
Chats list component
Build the chat screen
Input box component
Implementing navigation
Build contact screen
Q&A
Taught by
notJust․dev
