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

Поделиться
HTML-код
  • Опубликовано: 29 дек 2024

Комментарии • 334

  • @ThunderboltPath
    @ThunderboltPath 3 года назад +19

    2 mins in, mình đã like và sub. Khá bất ngờ vì có kênh dev tiếng Việt chất lượng như vầy. App đẹp, hướng dẫn rõ ràng, dễ nghe, nhịp độ vừa phải. Mình cũng là dev và cũng từng nung nấu ý định dạy học RUclips, nhưng đến setup ghi hình và làm code tut thôi cũng là cả 1 vấn đề. Người chỉ xem thì không cảm nhận được hết công sức quay, dựng, edit để ra được 1 tut như này. Bạn chọn React để dạy là quá chuẩn nhu cầu thị trường rồi. Chúc bạn duy trì được phong độ nhé!

    • @holetex
      @holetex  3 года назад +1

      Cảm ơn bạn nhiều

    • @thanhtuan9823
      @thanhtuan9823 Год назад

      bạn nào cho mình xin dòng lệnh install ở terminal với ạ

  • @QuanNguyenViet-zt6zb
    @QuanNguyenViet-zt6zb 9 месяцев назад

    Đã hoàn thành lúc này ,
    làm 3 ngày mới fix mấy cái do dùng v10, và học được thêm FireBase.
    Cảm ơn anh nhiều nha.

    • @Kytranisreal10
      @Kytranisreal10 8 месяцев назад

      2024 van con dung dc video nay de lam dung k ban? Thank you

    • @QuanNguyenViet-zt6zb
      @QuanNguyenViet-zt6zb 8 месяцев назад

      @@Kytranisreal10 banj xem va cai ban firebase giong trong video la dc conf ko thi tim hieu them vaf lam theo

  • @woodworkingkn
    @woodworkingkn 2 года назад

    Cảm ơn anh nhiều, xem kênh của anh không chỉ học code mà còn học được cách tư duy khi phát triển app.

  • @taodailinhsuper
    @taodailinhsuper 2 года назад

    Tutorial hay quá. Mình điều chỉnh firebase theo cú pháp web 9 hơn tuần mới xong :D

  • @tannguyen_91
    @tannguyen_91 3 года назад +1

    Dù mình chỉ học tech sơ nhưng mình vẫn hiểu được logic và toàn bộ quá trình phát triển. Cám ơn bạn.

  • @jockerthe8189
    @jockerthe8189 2 года назад +1

    ngồi 2h mới xem xong 28phút . bài này quá là hay luôn .

    • @holetex
      @holetex  2 года назад +2

      cảm ơn em nhé

    • @jockerthe8189
      @jockerthe8189 2 года назад

      @@holetex ơ em phải cảm ơn anh mới đúng chứ

  • @komaiptit5792
    @komaiptit5792 Год назад +6

    cho anh em nào đang dùng router v6 thì
    thay useHistory= useNavigate ;
    thay history.push("/")= navigate("/");
    thay switch =Routes

    • @angngocnguyen8678
      @angngocnguyen8678 Год назад

      Bạn có code bản firebase v9 ko cho mình xin source với

  • @PhucNguyen-io1zf
    @PhucNguyen-io1zf 2 года назад

    Hehe, cuối cùng em cũng làm xong. Em cảm ơn anh nhiều ạ ! Video quá bổ ích và chi tiết.

  • @leconde43
    @leconde43 Год назад

    video 2 tiếng mà fixbug theo firebase bản 9 code xong mất 2 ngày... cảm giác thật là yomost khi gỡ đc từng con bug, tìm hiểu đc cốt lõi của context trong react, firebase cũng xịn sò vãi nồi, cảm ơn a vì đã chia sẻ...

    • @buitrithuc3623
      @buitrithuc3623 Год назад

      mình cũng đang bị chỗ firebase. Mong bạn chỉ giáo :

    • @angngocnguyen8678
      @angngocnguyen8678 Год назад

      bạn ơi, có link github không có mình xin

    • @vietmobile159
      @vietmobile159 Год назад

      cho mình xin link code của bạn đi, mình bị lỗi đoạn đưa dữ diệu RoomList qua createdAt

    • @phamkhanh8737
      @phamkhanh8737 Год назад

      bạn có thể cho mình xin code không ạ, mình bị 1 vài lỗi khi lên firebase version 10 mà fix hoài k ra ạ

  • @manchesterunitedfever
    @manchesterunitedfever 3 года назад +2

    mình xin góp thêm ý kiến như sau:
    - phần into lên có hình mô tả.bạn có thể vẽ flow cơ bản của dự án(mình nghĩ k phức tạp) để ng xem hình dung ra được trong video sẽ có những nội dung gì + và các chức năng cơ bản của ứng dụng
    đây là góp ý chân thành của mình. chúc bạn và kênh đạt được nhiều thành công hơn

    • @holetex
      @holetex  3 года назад

      Cảm ơn góp ý của bạn ❤️

  • @HuyLe-zx8ko
    @HuyLe-zx8ko 3 года назад +1

    hay quá anh, đang định làm project để tổng kết kiến thức

  • @googleaccount663
    @googleaccount663 2 года назад

    Cảm ơn anh nhiều về project này. Mong anh ra thêm nhiều video về ReactJS. Cách giảng giải của anh rất dễ hiểu ạ.

  • @hoale1285
    @hoale1285 3 года назад +2

    Cuối cùng cũng làm xong hihi
    Cảm ơn anh thật nhiều ><
    P/s: hết 1 tuần

    • @khuongtran7823
      @khuongtran7823 3 года назад

      bạn ơi có thể hướng dẫn mình không ạ

    • @hoale1285
      @hoale1285 3 года назад

      @@khuongtran7823 bạn cần hướng dẫn gì í

    • @khuongtran7823
      @khuongtran7823 3 года назад

      @@hoale1285 taij tui sign with fb nó cứ lỗi không biết fix luôn , cái link ad gửi thì die hết nên giờ bí đường làm lun

    • @hoale1285
      @hoale1285 3 года назад +1

      @@khuongtran7823 lúc đầu mình cũng lỗi, nhưng mình tạo 1 account fb mới thì làm lại được í

    • @hoale1285
      @hoale1285 3 года назад +2

      @@khuongtran7823 11:08 -> 11:09 const fbProvider = new firebase.auth.FacebookAuthProvider();
      Mình cũng chỉnh chổ này nữa

  • @ngochoangle1770
    @ngochoangle1770 3 года назад

    kênh làm hay! rất ít kênh việt nam có nội dung như này! +1 đăng ký kênh! chúc a thành công!

  • @loctien1448
    @loctien1448 3 года назад

    rất hữu ích ạ. mong a ra nhiều video như thế này hơn a. 1 cách để tiếp cận, tổng hợp lại và nâng cao kiến thức của mình. Cảm ơn a

  • @duongmaiquy2819
    @duongmaiquy2819 3 года назад

    Chúc bạn và gia đình nhiều sức khỏe, cảm ơn bạn!

  • @QuiNguyen-cc6dq
    @QuiNguyen-cc6dq 3 года назад +1

    Kênh của a này rất hay, chắc chắn nội dung này sẽ lan tỏa cho nhiều ae

  • @duytranbao3745
    @duytranbao3745 3 года назад

    rất hay nha anh. Cảm ơn anh đã cung cấp những kiến thức bổ ích như vậy

  • @xuanchinh97
    @xuanchinh97 2 года назад

    mới có 1 năm mà mấy libary firebase, react-router-dom,... update rồi thay hàng loạt function. chạy theo thư viện, framework cũng căng thật

  • @khoanguyenleanh6514
    @khoanguyenleanh6514 3 года назад

    hay quá a, lần đầu e xem e lú hết cả người phải chạy đi học react hooks xong quay lại xem hết mới hiểu đc :v

  • @phuctrung
    @phuctrung 2 года назад

    bạn dạy rất chi tiết và có tâm, triệu like

    • @thanhtuan9823
      @thanhtuan9823 Год назад

      bạn nào cho mình xin dòng lệnh install ở terminal với ạ

  • @PhongTran-wk7ox
    @PhongTran-wk7ox 3 года назад

    Bài này thì ai phải kiến thức sõi thì mới hiều được. :)))

  • @8usclub356
    @8usclub356 3 года назад

    Chúc kênh anh ngày càng phát triển để chia sẻ nhiều kiến thức hơn nữa❤️

  • @tuongvotrungthien9897
    @tuongvotrungthien9897 3 года назад

    Hí hí hóng video của a nè
    Cảm ơn a nhaaaa
    Hóng project tiếp theo a dùng react kết hợp với redux ạ

  • @ngoctrung7346
    @ngoctrung7346 3 года назад

    Hay quá anh ơi... Chúc kênh ngày càng phát triển

  • @arielnguyen9142
    @arielnguyen9142 3 года назад

    Đợi bữa h mới thấy video của a ra 😍

  • @lamssu9304
    @lamssu9304 Год назад

    Cuối cùng cũng xong!! Cảm ơn anh rất nhiều

    • @vietmobile159
      @vietmobile159 Год назад

      Bạn cho mình xin source code đc ko, mình bị lỗi ở đoạn tạo room ko bt cách sửa. Mình xin cảm ơn

    • @phamkhanh8737
      @phamkhanh8737 Год назад

      bạn còn code phần rooms không ạ cho mình xin cách fix với

  • @thiennhumai3940
    @thiennhumai3940 3 года назад

    hay lắm onichan.
    em học được nhiều cái mới và dễ học.

  • @Movies-rl3ti
    @Movies-rl3ti 6 месяцев назад

    3:28 em thấy terminal bị che hết code cài đặt thư viện. Như vậy người mới họ học sẽ rất khó biết viết cái gì để cài đặt a nhé

  • @Mark-eu3hi
    @Mark-eu3hi 3 года назад

    Mấy tuts của a quá hay và dễ hiểu

  • @daftt8710
    @daftt8710 2 года назад

    Thanks anh rất nhiều, video rất bổ ích ạ. Mong anh có thể ra thêm video về cách viết Unit Test trong React để em và mọi người cùng học hỏi với ạ

    • @thanhtuan9823
      @thanhtuan9823 Год назад

      bạn cho mình xin dòng lệnh install ở terminal với ạ

  • @leorankcaothu153
    @leorankcaothu153 2 года назад

    giọng của anh hay, dễ hiểu

  • @luaacoustic3386
    @luaacoustic3386 3 года назад

    Hay quá anh ơi. Mong anh ra thêm nhiều video hướng dẫn hơn nữa.

    • @thanhtuan9823
      @thanhtuan9823 Год назад

      bạn nào cho mình xin dòng lệnh install ở terminal với ạ

  • @MiNguyễnThị-t2e
    @MiNguyễnThị-t2e 6 месяцев назад

    mọi người ơi cho em hỏi là cái đoạn install mấy cái thư viện ( 3:45 ) bị che mất viết như nào với ạ

  • @anthien4203
    @anthien4203 3 года назад

    thêm nhiều cái livestream kiểu này anh ơi, có ích cho cộng đồng lắm ạ

    • @thanhtuan9823
      @thanhtuan9823 Год назад

      bạn nào cho mình xin dòng lệnh install ở terminal với ạ

  • @ngocaoqt7448
    @ngocaoqt7448 3 года назад

    hay qua anh ơi mong anh làm nhiều web hơn để em tham khảo

  • @holetex
    @holetex  3 года назад +34

    #1 Phần install bị che mất các bạn có thể copy dòng lệnh này
    npm install --save antd @ant-design/icons date-fns firebase lodash react-router-dom styled-components
    #2 Mình thấy nhiều bạn bị lỗi tương tự như này khi đăng nhập bằng facebook từ localhost
    "Facebook đã phát hiện chat-app không sử dụng kết nối bảo mật để truyền thông tin.
    Chỉ khi nào chat-app cập nhật cài đặt bảo mật thì bạn mới có thể đăng nhập vào ứng dụng này qua Facebook."
    Nguyên nhân: Do localhost không có ssl nên Facebook cảnh báo là kết nối không bảo mật
    Cách khắc phục: Các bạn thêm ssl cho localhost theo hướng dẫn ở đây:
    B1. Cài đặt mkcert tool
    Tham khảo link mkcert (github.com/FiloSottile/mkcert) để cài đặt cho từng hệ điều hành
    Trên Windows, sử dụng Chocolatey (chocolatey.org/)
    choco install mkcert
    B2. Thiết lập mkcert trên máy tính của bạn (Tạo một CA)
    mkcert -install
    B3. Vào thư mục gốc của dự án, tạo thư mục .cert nếu chưa có
    mkdir -p .cert
    B4. Tạo một certificate (chạy từ thư mục root của dự án)
    mkcert -key-file ./.cert/key.pem -cert-file ./.cert/cert.pem "localhost"
    B5. Cập nhật lại start script trong package.json thành
    
"start": "set HTTPS=true&&set SSL_CRT_FILE=./.cert/cert.pem SSL_KEY_FILE=./.cert/key.pem&&react-scripts start"
    B6. Chạy lệnh npm run start để mở localhost.
    Chúc các bạn học tốt!

    • @KienNguyen-sg1nf
      @KienNguyen-sg1nf 3 года назад +1

      Dạ em làm theo anh thêm localhost vào miền ứng dụng nhưng mỗi lần refresh là nó lại mất và chỗ miền ứng dụng lại về rỗng ak. Với cái của em nó chỉ có Phát triển với chính thức không có đang phát triển giống của anh ạ :((

    • @sonvu1956
      @sonvu1956 3 года назад

      cũng bị lỗi "Facebook đã phát hiện chat-app không sử dụng kết nối bảo mật để truyền thông tin. ạ, có ai fix dc chưa mn

    • @codingpiano4596
      @codingpiano4596 3 года назад

      Ko dc anh ơii, em thử rồi

    • @nhatquang6716
      @nhatquang6716 3 года назад

      dạ không lưu được anh, bắt nhập thêm URL chính sách quyền riêng tư và URL Xóa dữ liệu người dùng, vẫn chưa fix được nơi anh.

    • @quangngo6939
      @quangngo6939 3 года назад +1

      @Lập Trần Văn Bạn để localhost chạy https là được. Nó đang yêu cầu phải https :D

  • @HuyQuang-u9s
    @HuyQuang-u9s 6 месяцев назад

    a ơi cho e hỏi xíu những project a làm có giống trong thực tế khi đi làm không ạ @@

  • @truongphan4904
    @truongphan4904 Год назад

    47:40 firebase store
    1:12:50 (collection, condition)

  • @codingpiano4596
    @codingpiano4596 3 года назад

    Rất hữu ích ạ. Em xin lỗi em k xem hết dc :)) hihi 😊. Trên mạng cũng có nhưng k dc chi tiết cho lắm. Cảm ơn anh

  • @Kitajima2910
    @Kitajima2910 3 года назад +1

  • @trannghia9965
    @trannghia9965 3 года назад +2

    Em thấy anh nên chia nhỏ thành nhiều các phần, mỗi phần là 1 video thì hay hơn. Em thấy xem 1 video hướng dẫn 2h ntn hơi nản ạ , nhiều thứ phải học quá @@

  • @TVNMusic
    @TVNMusic 3 года назад

    mong anh ra thật nhìu video ủng hộ anh mãi ạ

  • @VuongNguyen-io6ml
    @VuongNguyen-io6ml 2 года назад +1

    Khi số lượng tin nhắn lên hàng nghìn thì phải sử dụng tính năng phân trang onScroll Infinite và không thể để onSnapshot tải về hàng nghìn dữ liệu cùng lúc được mà phải tải từng khúc một, bạn có thể chia sẻ thêm về tính năng này không?? Xin cám ơn

  • @yugioh-trochoituoitho2947
    @yugioh-trochoituoitho2947 3 года назад +3

    3:43 Chú có thể cho cháu cái phần mà chú viết trong terminal được ko ạ? Vì cháu ko nhìn thấy cái chỗ góc bên phải (cháu ko nhìn thấy bởi vì camera của chú che đi rồi ạ)! Mong chú rep cháu

    • @holetex
      @holetex  3 года назад +2

      đây cháu nhé
      npm install --save antd @ant-design/icons date-fns firebase lodash react-router-dom styled-components

    • @yugioh-trochoituoitho2947
      @yugioh-trochoituoitho2947 3 года назад +2

      @@holetex Dạ con cảm ơn chú nhiều lắm ạ!

  • @nhatminhtran2270
    @nhatminhtran2270 7 месяцев назад

    Cho em hỏi là hiện tại FB có vẻ block kiểu đăng nhập như vậy rồi và hình như bắt phải xác thực doanh nghiệp gì đó thì giờ mình phải làm sao ạ.

  • @sonhatran3156
    @sonhatran3156 8 месяцев назад

    Bạn có thể cho xin lại dòng lệnh khi cài đặt TEMINAL được không?
    Xin cảm ơn!

  • @jockerthe8189
    @jockerthe8189 2 года назад

    mong anh ra 1 video kết hợp mongodb node react(nhiều router) xử lý jwt + làm mới token kết hợp với phân quyền router cho admin

  • @juhandvan
    @juhandvan 3 года назад

    Video bổ ích lắm, thank a nhiều ạ

  • @angthanhnhatlinh9685
    @angthanhnhatlinh9685 2 года назад +7

    Update cho mấy bạn nếu firebase lên bảng 9. import firebase from "firebase/compat/app";
    import "firebase/compat/auth";
    import "firebase/compat/firestore";
    import "firebase/compat/analytics";

    • @ucnamphamnguyen1526
      @ucnamphamnguyen1526 2 года назад

      Mình sửa như thế thì UI không hiển thị nữa

    • @tmp-musicconnectsus9769
      @tmp-musicconnectsus9769 2 года назад

      cảm ơn bạn

    • @aylmerbarrett8672
      @aylmerbarrett8672 2 года назад

      @Phuc Ngo Tan bạn update phiên bản node xuống như video là chạy được nhé

    • @thegioicaycanhtrangtri
      @thegioicaycanhtrangtri Год назад

      @phucngotan9839 import firebase from 'firebase/compat/app';
      import 'firebase/compat/analytics';
      import 'firebase/compat/auth';
      import 'firebase/compat/firestore';

  • @thuaneptrai9727
    @thuaneptrai9727 2 года назад

    Em thấy video rất chi tiết. Em có góp ý là anh nên chia video thành các phần chính để tiện cho việc tra kiến thức

    • @ntaanh2084
      @ntaanh2084 Год назад

      học trộm thì chịu v, m có pk thằng Thuận xóm kênh ko

  • @cogiaojp2490
    @cogiaojp2490 3 года назад +1

    Hay lắm. A cho e hỏi là file JS có thông tin cấu hình firebase. Trên trình duyệt web bị nhìn thấy có ảnh hưởng đến bảo mật ko ạ.

    • @holetex
      @holetex  3 года назад +1

      Đối với Firebase thì không sao em nhé

  • @GambareDev
    @GambareDev 3 года назад +1

    chao anh. anh làm thêm video huong dẫn up lên server nữa thì tuyệt vời a ạ

    • @igdev6095
      @igdev6095 3 года назад +1

      Úp lên firebase thì b gõ npm run build để nó tạo ra folder build á r b push lên th

    • @holetex
      @holetex  3 года назад +1

      Cách deploy lên firebase khá đơn giản. Em có thể theo dõi tại trang này nhé
      dzone.com/articles/react-apps-firebase

    • @HuyLe-zx8ko
      @HuyLe-zx8ko 3 года назад

      @@holetex anh có thể cho em hỏi về vấn đề ngoài project này không ? lỗi do folder build khi run build thì giải quyết thế nào anh, báo lỗi là unexpected token > . App chạy trên local vẫn ổn chỉ khi build thì bị lỗi thôi anh.

  • @quangdo.vietnam
    @quangdo.vietnam Год назад

    em thấy không ai hỏi về tối đa lượng truy cập trong 1 khoảng thời gian á , anh cho em hỏi là làm sao để biết được tối đa lượng truy cập để tiện lợi trong việc sử dụng không ạ

  • @KhangNguyen-kq2iw
    @KhangNguyen-kq2iw 3 года назад

    Nếu ai chạy ch được, áp dụng cách của bạn Tuan Nguyen nhé, trong terminal khi chạy code, thay vì npm start, sd lệnh này HTTPS=true npm start

  • @aylmerbarrett8672
    @aylmerbarrett8672 2 года назад +1

    1:56:50 em code y như anh nhưng nó không hiện tên người dùng khác ra ạ :((

  • @66666mrfish
    @66666mrfish 2 года назад

    Cám ơn anh nhiềd

  • @dang_minh_tri
    @dang_minh_tri 3 года назад +2

    Chú cho cháu hỏi là làm sao để chạy được cái file như chú thế ạ? Mong chú rep cháu

  • @manhlong6335
    @manhlong6335 8 месяцев назад

    anh cho em hỏi khi nào sử dụng firebase và khi nào dùng nodejs tùy vào dự án hay sao ạ

    • @holetex
      @holetex  8 месяцев назад +1

      Firebase em hình dung nó là một dịch vụ cung cấp sẵn hạ tầng phần backend cho em giúp em tăng tốc việc làm ra 1 ứng dụng hoàn chỉnh còn nodejs là em tự build phần backend em nhé

  • @baotruong5775
    @baotruong5775 2 года назад

    Hay quá a ơi! Cảm ơn a

  • @kamesolskil189
    @kamesolskil189 3 года назад

    Tuyệt vời quá sư phụ

  • @xunkuong8837
    @xunkuong8837 Год назад

    17:53 anh ơi cho em hỏi, như trong video của anh đang là router dom v5 nhưng giờ đã lên v6 có vài chỗ khác với bản cũ, em có code theo và đã tra cú pháp theo đúng v6 nhưng vẫn cứ bị báo lỗi là: Cannot read properties of null (reading 'useRef') ạ :((( em ngồi tìm cách sửa từ sáng tới giờ mà chưa được, mong a giải đáp thắc mắc ạ. Em cảm ơn anh nhiều ạ

  • @TrueKingFight
    @TrueKingFight Год назад

    Hiện tại cái đăng nhập bằng facebook nó không hoạt động được, anh có thể làm thêm video về đăng nhập facebook được không ạ

  • @ngxn7881
    @ngxn7881 3 года назад

    trình viết câu lệnh cài đặt của anh thôi cũng thấy cao siêu rồi dài dằng dặc hehe
    anh nen giải thích nhiều hơn , ví dụ như cái đoạn signinwithpopup anh chưa nói tại sao và nó để làm gì công dụng nó ntn , nên làm em nghe như vịt nghe sấm

  • @thangdev8383
    @thangdev8383 3 года назад

    mong a ra clip setup https trên window. ♥

  • @BìnhAnTrần-y8m
    @BìnhAnTrần-y8m 4 месяца назад

    lúc em deploy thì auth facebook nó không hoạt động anh ạ

  • @nguyenhungVA
    @nguyenhungVA Год назад

    Anh ơi khi em làm đến ấn đăng xuất thì nó không tự tải lại trang mà path thì vẫn đổi thì fix như nào ạ

  • @nvca199x
    @nvca199x 2 года назад

    có mấy đoạn cái console.log bị cái avatar che đi ạ, nếu mình cho cái avatart bo tròn lại có khi vừa đẹp vừa không bị che mất mấy chỗ đó ạ

  • @hyphamne
    @hyphamne Год назад

    đoạn xác thực facebook hình như bây giờ mình cần phải xác minh doanh nghiệp nữa mới đc đúng ko a

  • @duyngo6672
    @duyngo6672 2 года назад

    Cảm ơn anh rất nhiều ạ.

  • @minhthanhnguyen3268
    @minhthanhnguyen3268 3 года назад

    Anh làm bài hướng dẫn api facebook lấy danh sách live comment giống ứng dụng TPOS hoạt động đi anh

  • @Bune268
    @Bune268 Год назад

    Dạ em chào anh, em mới là beginner thôi nên ở 3p30s em thấy anh có add thư viện thì phải nhưng không xem được anh gõ gì ý ạ, nếu anh không phiền mong anh chỉ lại giúp em với ạ, em cảm ơn anh rất nhiều.

  • @sonvu1956
    @sonvu1956 3 года назад

    hay quá, thank ad nhiều lắm

  • @DTD310
    @DTD310 2 года назад

    a ơi !, a có thể hướng dẫn làm Notification push up vơi FCM được không anh?

  • @ahkhinmat
    @ahkhinmat 3 года назад

    bài khá hay và bổ ích cho mọi người tiếp cận, nếu mình muốn đổi sang db mysql hoặc db nào khác thì sao nhỉ

    • @holetex
      @holetex  3 года назад

      Bạn có thể tự xây dựng phần backend và db bạn nhé

  • @TungTobinMHoang
    @TungTobinMHoang 3 года назад

    hay quá a ơii ♥️

  • @myth7135
    @myth7135 2 года назад

    minh bi loi nay la bi gi vay mn:
    Module not found: Error: Can't resolve 'antd' in 'C:\Users\Admin
    eactjs\app-chat\src\components\Login'

  • @thongnguyen7354
    @thongnguyen7354 Год назад

    cho mình hỏi có list friend, khi click thì tạo luôn chat đơn, k có thao tác tạo nhóm và add user như thế nào nhỉ.

    • @holetex
      @holetex  Год назад

      Cái này phải code thêm nhiều bạn ơi. Trả lời ko hết ý được 😁

    • @thongnguyen7354
      @thongnguyen7354 Год назад

      @@holetex tks bạn, hi vọng sớm có phần 2 😁

    • @thongnguyen7354
      @thongnguyen7354 Год назад

      tưởng có icon gì, hoá ra đã là hội viên hơn 1 năm rồi.

    • @holetex
      @holetex  Год назад

      Cảm ơn bạn rất rất nhiều đã luôn ủng hộ mình nhé ❤️❤️❤️

  • @hoaio9459
    @hoaio9459 3 года назад +4

    Ai bị lỗi này Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase') thử cách này xem nha. Hình như do firebase hiện tại là phiên bản mới. Vào terminal làm lần lượt để cài lại bản cũ:
    1. yarn remove firebase
    2. yarn add firebase@8.10.0
    3. yarn cache clean

    • @FunnyStory1102
      @FunnyStory1102 2 года назад +1

      chỉ mình cách khắc phục firebase đc ko ạ

    • @edwardelrics2138
      @edwardelrics2138 2 года назад

      đúng rồi , xung đột vì đổi cú pháp firebase 8 và firebase 9 =)))

  • @lenhac9040
    @lenhac9040 3 года назад

    Phiên bản mới của firebase khác quá, mò mệt mõi mà vẫn chưa dùng được realtimedb

  • @sondangphi
    @sondangphi 3 года назад

    Rất dễ hiểu và rõ ràng.

  • @giangluong4333
    @giangluong4333 Год назад

    sao e làm giống như của a mà khi t tạo thêm emulators đến 1:20:00 mà trong cái FireStore trên localhost: 4000 chả có tí dữ liệu nào luôn à , trong khi đó laị có ạ

    • @baopham1851
      @baopham1851 Год назад

      bạn fix được chưa tui cũng bị vậy

  • @xuanchinh97
    @xuanchinh97 2 года назад

    Video này anh đã x1,25 rồi thì phải , e thấy khá là nhanh

  • @minhchinh3791
    @minhchinh3791 2 года назад

    Chỗ Context viết vậy thì khi em viết một trang khác nữa thì không chuyển hướng sang trang đó được, nó vẫn về trang chủ. làm sao đây anh ?

  •  3 года назад

    Có ai giống mình không import {Row, Col,Title} from 'antd'
    nhưng bị mỗi 'Title' is declared but its value is never read

  • @chuotmedia
    @chuotmedia 2 года назад +1

    1:36:25
    {selectedRoom.name}

    {selectedRoom.description}
    trong console.log ở devtool báo lỗi "Cannot read properties of undefined (reading 'name')" ai biết fix lỗi này ko ạ.

    • @lightd1404
      @lightd1404 Год назад

      ban them thử dấu ? trước dấu . của name xem dc k á => selectedRoom?.name

  • @user-lj3mo5pr1s
    @user-lj3mo5pr1s 3 года назад

    cho em hỏi là lúc anh override cái component Tab của antd mấy cái selector như .ant-collapse-header .ant-collapse-content-box mấy cái này mình xem ở đâu vậy anh

    • @holetex
      @holetex  3 года назад

      em có thể kiểm tra bằng dev tool trên trình duyệt nhé

  • @trantrongduc7396
    @trantrongduc7396 3 года назад

    Bạn cho mình hỏi lúc truyền dữ liệu vào hàm bạn hay viêt kèm { }.
    Có gì khác nhau giữa export default function AuthProvider(children) và export default function AuthProvider({children}) không bạn?

    • @khaiquang4354
      @khaiquang4354 2 года назад

      người mới như mình hay gặp lỗi này...({children}) là 1 react components ở đây children là props đại diện cho con phải ghi đúng chính tả , không quan trọng vị trí...(children) là 1 function như trong Js thuần vậy., chỉ được koi là 1 pârameters

  • @khaiquang4354
    @khaiquang4354 2 года назад

    Hi mọi người...có cách nào để lưu lại dữ liệu trên emulators không mọi người..mỗi lầ làm mà mở lại là data bị mất hết

  • @hoango163
    @hoango163 2 года назад

    anh cho em hỏi là khi em import firebase vào file Login thì UI đẩy ra 1 màn hình trống, em đã install firebase 8.10.0 rồi nhưng vẫn bị như vậy. đây là lỗi gì và sửa như thế nào ạ

  • @thanhhaiinh7465
    @thanhhaiinh7465 2 года назад +1

    @10:57 cần thêm từ khóa new vào trước `firebase.auth.FacebookAuthProvider();` , nếu không sẽ gặp lỗi: signInWithPopup failed: First argument "authProvider" must be a valid Auth provider

  • @phumainguyenviet247
    @phumainguyenviet247 7 месяцев назад

    e làm tới chỗ login fb mà nó is loading lâu quss hong nhận dc luôn :"""

  • @chinhhoanginh
    @chinhhoanginh Год назад

    47:20 Tạo DB firebase json

    • @chinhhoanginh
      @chinhhoanginh Год назад

      07:50 Bắt đầu cấu hình fire base

  • @kimso1950
    @kimso1950 Год назад

    anh cho em xin đoạn thêm thư viện với được không ạ

  • @nguyennam5056
    @nguyennam5056 2 года назад

    Ai còn xem video này , thì firebase đã thay đổi đường dẫn file .

  • @vietnamnguyen7531
    @vietnamnguyen7531 2 года назад

    anh ơi e lỗi phiên bản thế này, giờ lms để cho nó working đc đây ạ?

  • @cub7968
    @cub7968 3 года назад

    Hay quá anh.

  • @khanhbann
    @khanhbann 4 месяца назад

    lúc em lấy danh sách room từ firebase sau khi người dùng đăng nhập để render ra thì bị lỗi
    ERROR [2024-08-28T07:03:25.520Z] @firebase/firestore: Firestore (9.9.3): Uncaught Error in snapshot listener: {"code":"failed-precondition","name":"FirebaseError"}
    và nó không hiển thị room, sau khi reload lại thì nó mới hiển thị danh sách room😭anh cứu em với

  • @quangaonguyen7898
    @quangaonguyen7898 Год назад

    mọi người ơi em firebase emulators:start trên terminal và trên git bash đều bị lỗi: Error: Could not spawn `java -version`. Please make sure Java is installed and on your system PATH. mọi người giúp em với ạ em xin cảm ơn rất nhiều

  • @duyngo6672
    @duyngo6672 2 года назад

    Xem bánh cuốn thật sự

    • @ngocduongofficial290
      @ngocduongofficial290 2 года назад

      bạn ơi bạn có thể giúp mình chút đc k

    • @duyngo6672
      @duyngo6672 2 года назад

      @@ngocduongofficial290 có việc gì v anh