Lập trình ứng dụng nhắn tin Real-Time bằng ReactJS, Firebase (2021)

Lập trình ứng dụng nhắn tin Real-Time bằng ReactJS, Firebase (2021)

Trong video này chúng ta sẽ được học cách để xây dựng UI bằng ReactJS và Ant Design. Chúng ta sẽ được học cách để sử dụng Context API để quản lý state mà không cần sử dụng tới Redux. Cùng với đó, chúng ta cũng được học cách sử dụng một số tính năng hữu ích của Firebase như Authentication và Firestore.

Lập trình ứng dụng nhắn tin Real-Time bằng ReactJS, Firebase (2021)

Trong video này chúng ta sẽ được học cách để xây dựng UI bằng ReactJS và Ant Design. Chúng ta sẽ được học cách để sử dụng Context API để quản lý state mà không cần sử dụng tới Redux. Cùng với đó, chúng ta cũng được học cách sử dụng một số tính năng hữu ích của Firebase như Authentication và Firestore.

Live Demo: https://chat-app-c975a.firebaseapp.com/

👉 Tính năng

  • Đăng nhập bằng Google/Facebook
  • Quản lý các phòng chat
  • Thêm thành viên vào phòng chat
  • Hiển thị danh sách thành viên trong phòng chat
  • Nhắn tin

👉 Kiến thức trong video

  • Context API
  • React Hooks
  • Ant Design
  • Styled Components
  • Firebase Authentication
  • Firebase Firestore

Firebase: https://firebase.google.com/docs Ant Design: https://ant.design/docs/react/introduce Styled Component: https://styled-components.com/docs

Source code: https://github.com/holetexvn/fun-chat

firebase react

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

Firebase & React Tutorial | Build a Todo App

Hey everyone! Firebase + React is probably one of the quickest ways to get started with a full-stack application, and it's so simple! Today's video is a tutorial on how to get started with Firebase authentication, firestore, and cloud functions. I hope you enjoy it!

How to Create Protected Routes in a React app with Firebase and react-router

Using Firebase and react-router to create protected routes in a react app.

What is firebase,firebase bangla tutorial.

LIKE | COMMENT | SHARE | SUBSCRIBE The Firebase Realtime Database is a cloud-hosted NoSQL database that lets you store and sync data between your users in re...

How to Select and Hire the Best React JS and React Native Developers?

Hire React JS developer from Technoduce, we have a team of experienced and expert Angular JS developer. With our hire React JS developer, you have complete control over the technical resource throughout the development process.