74. Xóa Column và Card, code chi tiết từ FE tới BE | ReactJS, NodeJS, MongoDB | TrungQuanDev

#trungquandev #reactjs #nodejs #mongodb
➡️ Hôm nay chúng ta sẽ làm từ A-Z, từ FE cho tới BE về vấn đề xử lý Xóa - Delete các bản ghi, cụ thể là xóa Column và Card nhé, đầy đủ không thiếu gì từ những việc như hiện Confirm Dialog cho đến Flash Message...vv nên video này sẽ hơi dài nhé :D
🍀 Download toàn bộ Source Code khoá này nếu bạn muốn: 🤝
---
👉 Đầu tiên cần làm rõ một điều: “Mình Không Bán Source Code”.
👉 Bộ code này dành cho các bạn đang học khóa MERN Stack Pro miễn phí trên kênh và đồng thời muốn kết hợp tham khảo code từ mình.
👉 Hoặc đơn giản hơn là bạn hiểu được công sức mà mình đã bỏ ra nên bạn muốn donate ủng hộ mình 1 hoặc 2 ly cà phê nhỏ.
👉 Đây là một bộ Source Code giá trị "Như Đi Làm Thực Tế" và "Cực Kì Chất Lượng". Chứ không phải mấy kiểu dạy code Cơ Bản Basic linh tinh không áp dụng gì nhiều vào thực tế như nhiều nơi khác.
👉 Có rất nhiều bạn đã học và để lại Comment - Feedback dưới mọi video trong khóa MERN Stack Pro này rồi, bạn hãy xem là sẽ hiểu ngay nhé.
---
🍀 Download Full Source Code for this Course here and support me: 🤝
• 🎁 on Ko-fi: ko-fi.com/s/e41c325ca4
• 🎁 on Buy Me a Coffee: www.buymeacoffee.com/codetq/e...
👉 Video hướng dẫn Install Source Code: • Hướng dẫn cài đặt đầy ...
---
🌱 Tham gia hội viên kênh để ủng hộ mình nhé! Cảm ơn bạn 💌 : www.youtube.com/@trungquandev...
🌐 Full Playlist của khoá MERN Stack Pro này: • [FULL STACK] MERN PRO ...
🌐 Trang Landing Page giới thiệu chính thức của toàn khóa (Pro + Advanced): trungquandev.com/khoa-hoc-lap...
🌳 Một kênh khác từ mình, chủ yếu tiếng Anh, luyện skill bằng cách code những project thú vị: / @code-tq
---
🎤 Mình trên các nền tảng Podcasts:
🎵 Spotify: podcasters.spotify.com/pod/sh...
🎵 Apple: podcasts.apple.com/vn/channel...
🎵 Castbox: castbox.fm/ch/5746721
---
👋🏼 Join những cộng đồng lập trình văn minh lịch sự dưới đây nhé:
🔗 Discord: Cộng Đồng Lập Trình Việt Nam 🇻🇳 : / discord
🔗 Page: TrungQuanDev - Một lập trình viên: / trungquandev
🔗 Group: Cộng đồng Lập Trình Web • Front-end & Back-end Việt Nam: / laptrinhwebvietnam
🔗 Blog: trungquandev.com
🔗 CV: cv.trungquandev.com
---
🎒 Danh sách một vài món đồ trong góc làm việc của mình:
🌐 Bàn phím cơ Meletrix Zoom75: shope.ee/4AZxyEgM1T
🌐 Switch WS Morandi: shope.ee/7f9gHaQlnN
🌐 Máy ảnh & Quay phim Sony ZV-1: shope.ee/409eX1GvD8
---
📝 Video Chapters - nội dung chi tiết:
00:00 Mở đầu
00:38 Mình là ai? Đây là đâu?
01:59 Đăng ký hội viên ủng hộ mình nhé
02:07 Những cộng đồng lập trình văn minh lịch sự
03:40 Nội dung học phần hiện tại
04:20 Code UI cảnh báo User khi xóa Column
41:43 Viết API xóa Column, Card và tích hợp
---
📝 Link tài liệu liên quan để các bạn tham khảo mà trong video mình có nhắc đến:
- MUI Dialog:
mui.com/material-ui/react-dia...
- Thư viện Dialog được chính Docs của MUI recommend:
github.com/jonatanklosko/mate...
- Tài liệu về deleteOne và deleteMany trong MongoDB:
www.mongodb.com/docs/drivers/...
---
| 💻 TRUNGQUANDEV - MỘT LẬP TRÌNH VIÊN ☕️ |

Пікірлер: 16

  • @chanrichter-948
    @chanrichter-9487 ай бұрын

    đỉnh anh ơi khó mà tìm ra ông anh chỉ từng li từng tí như này

  • @trungquandev

    @trungquandev

    7 ай бұрын

    Không tìm được ông "trungquandev" thứ 2 đâu em =)) Mà nhìn avt em cũng mê bộ Chú Thuật à =))

  • @ductuanvu6891
    @ductuanvu68917 ай бұрын

    quá tuyệt a ơi :*

  • @tuannguyenthai
    @tuannguyenthai7 ай бұрын

    tuyệt vời ông mặt trời

  • @mquan03
    @mquan037 ай бұрын

    hay anh ơi. +1 vote cho playlist vào hội viên =))

  • @trungquandev

    @trungquandev

    7 ай бұрын

    ừa để một thời gian nữa anh xem xét sau, giờ cứ để cho các bạn thoải mái :))

  • @trungquandev
    @trungquandev7 ай бұрын

    🌱 Tham gia hội viên kênh để ủng hộ mình nhé! Cảm ơn bạn 💌 : kzread.info/dron/ult29299HdljjfqJcok3Bg.htmljoin 🔔Join một số cộng đồng lập trình rất văn minh lịch sự tại đây nha: 🔗Discord: Cộng đồng lập trình Việt Nam: discord.gg/ycSbhP6gDu 🔗Page: TrungQuanDev: facebook.com/trungquandev 🔗Group: Cộng đồng Lập Trình Web • Front-end & Back-end Việt Nam: facebook.com/groups/laptrinhwebvietnam

  • 3 ай бұрын

    Ở phần delete Column và Card này mình có thắc mắc là sao không set lại field _destroy trong collection cards và columns mà lại phải đi xoá thật trong Database, và mình có thể đổi lại cách query từ BoardModel để lấy các cards và colums với điều kiện là _destroy là false Rất mong Quân giải đáp 1 thắc mắc nho nhỏ này

  • @trungquandev

    @trungquandev

    3 ай бұрын

    Trước khi bắt đầu mình nhớ là có giải thích về Soft vs Hard Delete rồi thì phải mà. Dùng cách _destroy như mình làm model ban đầu thì tương tự cách update field thông thường mà mình đã hướng dẫn rồi, cũng như query Board details cũng dạy các bạn cách thêm condition với cái _destroy rồi. Vì thế ở video này mình lựa chọn cách xóa hẳn luôn để chia sẻ đầy đủ kiến thức tới tất cả thôi.

  • @viethaphamhong4962
    @viethaphamhong49627 ай бұрын

    tỉ mí quá a ơi

  • @trungquandev

    @trungquandev

    7 ай бұрын

    Làm sơ sài qua loa như nhiều nơi khác thì không phải là phong cách của anh :))

  • @tungphunghuu934
    @tungphunghuu9347 ай бұрын

    Hình như còn thiếu bước cập nhật mảng columnOrderIds trong collection boards phải ko anh nhỉ

  • @trungquandev

    @trungquandev

    7 ай бұрын

    ừa ha, thiếu thật nè =))) Anh sẽ làm video bổ sung sau nha, chuẩn vị có video Deploy Production nha :D

  • @tungphunghuu934

    @tungphunghuu934

    7 ай бұрын

    lúc em refresh page, app nó bị crash do 'mapOrder' func trả 1 element undefined của 'board.columnOrderIds'. Xong ngồi fix lun. Ko biết sao code bên a lại ko bị 😆

  • @tungphunghuu934

    @tungphunghuu934

    7 ай бұрын

    @@trungquandev xịn quá ạ

  • @trungquandev

    @trungquandev

    7 ай бұрын

    @@tungphunghuu934 Debug ngược lại xem nguồn của cái undefined kia từ đâu mà ra là biết liền thôi em, code của anh thì dĩ nhiên anh code chuẩn mà :)), video có sao thì code như vậy hết. Chuẩn bị sang tuần anh cũng để link download code của anh cho ai cần thì cân nhắc tải nhé. - Giờ a quay cái video fix cái vụ mảng columnOrderIds trên, dễ lắm nên vèo cái xong, tối nay chắc cho lên luôn.