React Native Real Time Chat App with Commt
Build chat app with React Native and Commt. Let's build your new chat app in minutes with Commt. Commt is a real time chat infrastructure with fancy pre-build UI elements for react native & reactjs with SDKs can be integrated quickly and powerful dashboard for analytics and crashlytics in your chat app.
In this video you can learn how to create a project on Commt dashboard and get apiKey, secretKey and projectId, how to build a chat app in React Native from scratch by using react query, react natigation, redux, redux toolkit, commt rn sdk and connect your app to your backend and get messages and rooms from your backend, login your user and let your users have a secure real time chat in your app.
You can find nodejs chat service on the Commt Github page
You can also find the example React Native app on the Commt Github page
00:00 App Introduction
02:10 React Native App Init
03:10 Dependency Installations
05:15 Folder Structure
05:50 App Navigation Skeleton
08:20 First Build
09:05 Dependency Configurations
13:10 Login Screen
18:05 Home Screen Update
19:30 Tabbar Options
20:10 Messages List Screen
20:45 Chat Screen
21:40 NodeJS Chat Service
22:45 MongoDB Init
25:25 Service Connection
26:52 First Login Attempt
27:55 More React Query Hooks
29:45 Commt Dashboard Project Create
30:44 Ngrok Introduction
32:00 Commt Init at NodeJS Backend
33:00 Commt Init at React Native App
35:10 Trigger Commt Hooks
37:40 Messages List Screen Components
44:35 Set Active User To Commt
46:15 Hide Tabbar in Chat Screen
46:52 Chat Screen Components
50:20 New Build
55:58 Test App on 2 Simulators
58:25 Commt Dashboard Analytics
59:35 Re Configure Backend And App Request
01:05:45 Test and Dashboard Analytics
Commt dev team works on chatbot currently and soon it will be available in next months for Commt clients. Since there is a huge discount let's join to Commt's community.
#realtimechat #reactnativechatapp #chatbot #reactnativetutorial #commt #reactnative #reactjs #reactquery #reactnavigation #redux #reduxtoolkit #commtrnsdk #nodejs #chatapp