Trang chủ

Web Development

Socket.IO

Socket.IO Chat App in React Native for iOS/Android

Socket.IO Chat App in React Native for iOS/Android

Loại khoá học: Web Development

Learn how to create a realtime Socket IO Chat App with React Native and Socket IO!

50.000 VND

649.000 VND

Đầy Đủ Bài Giảng

Học Online Tiện Lợi

Kích Hoạt Nhanh 2-5 Phút

Thanh toán tự động

Được phép tải xuống

Mô tả

Learn how to create a Chat App from scratch using the newest JavaScript-based fullstack technologies!

You will first learn quickly how to create a public chat room that any user can join from the mobile app, and type with all other users who have joined.

Then we will expand on the app and create private messaging, in a similar fashion to Facebook Messenger.

We are going to be using technologies such as React Native, Socket.IO, Nodejs, Redux, react-navigation, and Gifted Chat UI.

If you have any questions during the course feel free to message me and I'll get back to you as soon as possible!

Bạn sẽ học được gì

Create a mobile app with React Native and Expo

Create a Socket IO backend in Nodejs

Create a public chatroom app with Socket IO and React Native

Create a private messaging app similar to Facebook Messenger

How to assign usernames to users joining the app

How to use Redux to manage state inside React Native

How to use React Hooks inside our Chat App

How to use react-navigation for navigation inside the mobile app

How to use Gifted Chat UI kit to bootstrap the UI

How to use Gifted Chat UI kit with Socket IO backend

How to manage layout on different devices

Yêu cầu

Basic JavaScript ES6

Nội dung khoá học

10 sections

Setting up developer environment

3 lectures

Download and Install Nodejs

01:13

Download and Install Visual Studio Code

00:47

Install React Native (Expo)

02:58

Starting our Socket.io backend

2 lectures

Initializing our Socket.io backend

04:34

Listening for connection event in Socket.io backend

02:33

Connecting to Socket.io from React Native

5 lectures

Connecting to Socket.io from React Native

05:16

Removing yellow warning in React Native about Socket.io

03:29

Adding TextInput and saving entered message state

06:54

Sending Chat Message to Socket.IO Backend from React Native

05:56

Receiving Message in React Native from Socket.io

08:12

Bootstrapping UI with Gifted Chat UI Kit

3 lectures

Installing Gifted Chat and fixing KeyboardAvoidingView in Android

08:46

Displaying received messages from Socket.io in new UI

07:00

Security issues to avoid, userId mapping and some house cleaning

06:59

Expanding Socket.io backend

2 lectures

Implementing userIds and sending full message object from Socket.io

09:08

Creating Separate Message Event Handler

04:48

Public Chat App with Usernames

6 lectures

Adding Usernames to Socket.io Backend

03:09

Creating Join Screen

04:35

Layout in Join Screen

04:57

Last polishes on Join Screen layout (Promise!)

02:04

Creating JoinChat function and joining chat with usernames!

06:22

Fixing issue with unique avatars

04:53

Adding Navigation

2 lectures

Intro to section

01:42

Installing and Using react-navigation

05:59

Adding Redux

2 lectures

Intro to Redux section

02:07

Adding Redux

11:11

Using Redux and react-navigation in our Chat App

7 lectures

Dispatching Join Event from JoinScreen.js with Redux

04:30

Navigating to FriendListScreen and fixing keyboard for Android in JoinScreen

03:57

Getting Users Online from Socket.io into our Redux Store

03:34

Displaying Users Online in FlatList and handling disconnect event

06:15

Adding User Avatar and TouchableOpacity to FriendListScreen

08:12

Navigating to ChatScreen after pressing on User in FriendList

06:20

Sending Private Message to Socket.io backend

06:30

Implementing Private Messaging

5 lectures

Creating selfUser State Property

05:18

Creating Conversations State Property

02:46

Appending sent messages locally

04:51

Sending messages across Socket.IO

04:28

BONUS - coupons for other courses

00:14

Đánh giá của học viên

Chưa có đánh giá

Course Rating

5

0%

4

0%

3

0%

2

0%

1

0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Email

Nội dung

Khoá học liên quan

How To Create 2D Defender Game With Unity & C#

How To Create 2D Defender Game With Unity & C#

The Complete UML Course (2024): Learn to Design UML Diagrams

The Complete UML Course (2024): Learn to Design UML Diagrams

Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi