[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-settings":3,"nav-course-tabs":216,"academy-course-49k-codes":243,"course-detail-re2":266},{"site":4,"home":19,"footer":172,"payment":205,"promo":212},{"name":5,"tagline":6,"url":7,"logoUrl":8,"primaryColor":9,"contactEmail":10,"hotline":11,"facebookUrl":12,"youtubeUrl":13,"kungfutechUrl":14,"announcement":15},"MelyDemy","Học lập trình thực chiến từ con số 0","https:\u002F\u002Facademy.kungfutech.io.vn","\u002Fimages\u002Fbrand\u002Flogo.svg","#dc2626","contact@kungfutech.io.vn","","https:\u002F\u002Fwww.facebook.com\u002Fmelydemy","https:\u002F\u002Fwww.youtube.com\u002Fc\u002FTechMely?sub_confirmation=1","https:\u002F\u002Fkungfutech.io.vn",{"enabled":16,"text":17,"link":18},true,"Ưu đãi Mely 29k — học lập trình trọn đời chỉ từ 29.000đ","\u002Fkhoa-hoc\u002F29k",{"seo":20,"hero":26,"banners":49,"sectionCopy":60,"categories":78,"features":100,"onlyMelyDemy":117,"aboutUs":130,"testimonials":142,"newsletter":167},{"title":21,"description":22,"keywords":23},"MelyDemy - Khoá học lập trình thực chiến dành cho bạn","MelyDemy cung cấp khoá học lập trình Frontend, Backend, DevOps và AI thực chiến bằng tiếng Việt, học trọn đời chỉ từ 29.000đ.",[24,5,25],"Khoá học lập trình","Thực chiến lập trình",{"badge":27,"title":28,"highlight":29,"description":30,"primaryCta":31,"secondaryCta":34,"stats":36},"Nền tảng học lập trình #1 cho người Việt","Học kỹ năng công nghệ","thực chiến, trọn đời","Hơn 40 khoá học Frontend, Backend, DevOps và AI — video bài bản, source code đi kèm, học mọi lúc mọi nơi.",{"label":32,"to":33},"Khám phá khoá học","\u002Fkhoa-hoc",{"label":35,"to":18},"Ưu đãi 29k",[37,40,43,46],{"value":38,"label":39},"40+","Khoá học",{"value":41,"label":42},"15.000+","Học viên",{"value":44,"label":45},"4.8\u002F5","Đánh giá",{"value":47,"label":48},"Trọn đời","Truy cập",[50,56],{"badge":51,"title":52,"description":53,"link":54,"color":55},"Xu hướng 2026","Lộ trình AI thực chiến","Prompt, workflow và tích hợp công cụ — học theo bài lab, áp dụng ngay vào dự án.","\u002Fkhoa-hoc\u002Fai","#7c3aed",{"badge":57,"title":58,"description":59,"link":18,"color":9},"Mely 29k","Học lập trình từ 29.000đ","Video trọn đời, source code đi kèm — bắt đầu Frontend, Backend hoặc DevOps hôm nay.",{"courses":61,"onlyMelyDemy":64,"about":67,"community":70,"blog":74},{"title":62,"subtitle":63},"Khoá học nổi bật","Các khoá học xây dựng bài bản, đáp ứng nhu cầu thực tế của thị trường",{"title":65,"subtitle":66},"Chỉ có tại MelyDemy","Khoá học chất lượng với mức giá dễ tiếp cận nhất",{"title":68,"subtitle":69},"Lộ trình học trên MelyDemy","Ba lộ trình cốt lõi — Full-stack, DevOps và AI — giúp bạn áp dụng ngay vào dự án thực tế.",{"headline":71,"title":72,"subtitle":73},"Được học viên tin tưởng","Học viên nói gì về MelyDemy","Hàng nghìn học viên đã học lập trình thực chiến — từ sinh viên, fresher đến người chuyển ngành.",{"title":75,"subtitle":76,"listPageSubtitle":77},"Blog","Tin tức, kiến thức công nghệ mới nhất từ MelyDemy","Tổng hợp tin tức AI và công nghệ mới nhất — kiến thức thực chiến cho lập trình viên.",[79,84,88,93,97],{"label":80,"to":81,"icon":82,"color":83},"Frontend","\u002Fkhoa-hoc\u002Fkhoa-hoc-frontend","i-lucide-layout-template","#f97316",{"label":85,"to":86,"icon":87,"color":9},"Backend","\u002Fkhoa-hoc\u002Fkhoa-hoc-backend","i-lucide-server",{"label":89,"to":90,"icon":91,"color":92},"DevOps","\u002Fkhoa-hoc\u002Fkhoa-hoc-devops","i-lucide-container","#0ea5e9",{"label":94,"to":54,"icon":95,"color":96},"AI","i-lucide-sparkles","#8b5cf6",{"label":57,"to":18,"icon":98,"color":99},"i-lucide-ticket-percent","#16a34a",[101,105,109,113],{"title":102,"description":103,"icon":104},"Video trọn đời","Mua một lần, học mãi mãi — cập nhật nội dung miễn phí.","i-lucide-infinity",{"title":106,"description":107,"icon":108},"Source code đi kèm","Mỗi bài học đều có code mẫu để bạn thực hành ngay.","i-lucide-code-xml",{"title":110,"description":111,"icon":112},"Tiếng Việt dễ hiểu","Giảng viên giải thích rõ ràng, ví dụ sát dự án thật.","i-lucide-languages",{"title":114,"description":115,"icon":116},"Cộng đồng hỗ trợ","Hỏi đáp nhanh cùng cộng đồng KungFuTech và mentor.","i-lucide-users-round",[118,122,126],{"title":119,"description":120,"image":121},"Giới thiệu chương trình","\u003Cp>Học lập trình với khoá học chất lượng: video bài giảng, source code và quyền truy cập trọn đời.\u003C\u002Fp>","\u002Fimages\u002Fhome\u002F49k-section-1.jpg",{"title":123,"description":124,"image":125},"Học dễ dàng, chi phí thấp","\u003Cp>Khoá học ngắn gọn, thực tế với mức giá chỉ từ 29K. Theo dõi thường xuyên để cập nhật ưu đãi.\u003C\u002Fp>","\u002Fimages\u002Fhome\u002F49k-section-2.jpg",{"title":127,"description":128,"image":129},"Chọn khoá học và bắt đầu","\u003Cp>Khám phá khoá học Frontend, Backend, DevOps, Mobile và AI — bắt đầu hành trình của bạn hôm nay.\u003C\u002Fp>","\u002Fimages\u002Fhome\u002F49k-section-3.jpg",[131,136,139],{"title":132,"description":133,"icon":134,"image":135},"Backend & Frontend","Xây dựng ứng dụng web từ giao diện đến hệ thống phía sau với công nghệ hiện đại.","i-lucide-layers","\u002Fimages\u002Fhome\u002Fabout-track-1.jpg",{"title":89,"description":137,"icon":91,"image":138},"Triển khai, vận hành và tối ưu hệ thống để ứng dụng chạy ổn định, mở rộng dễ dàng.","\u002Fimages\u002Fhome\u002Fabout-track-2.jpg",{"title":94,"description":140,"icon":95,"image":141},"Xây dựng ứng dụng tích hợp AI, tự động hoá workflow và phát triển sản phẩm thông minh.","\u002Fimages\u002Fhome\u002Fabout-track-3.jpg",[143,147,151,155,159,163],{"fullname":144,"role":145,"description":146},"Nguyễn Minh Anh","Sinh viên CNTT — Đại học Bách Khoa TP.HCM","Rất nhiều khoá học bổ ích từ Frontend, Backend đến DevOps — mình chọn lộ trình phù hợp mà không bị lạc. Video và source trọn đời, ôn lại rất tiện.",{"fullname":148,"role":149,"description":150},"Trần Hoàng Nam","Kế toán chuyển ngành IT — Hà Nội","Khoá AI giúp mình hiểu prompt, workflow và cách tích hợp công cụ vào việc học code hằng ngày. Bài ngắn, học buổi tối không bị quá tải.",{"fullname":152,"role":153,"description":154},"Lê Thị Hương","Fresher Frontend — FPT Software Đà Nẵng","Khoá TypeScript làm rõ type, interface và cách refactor code cũ — mình tự tin review PR và làm task trong dự án thật.",{"fullname":156,"role":157,"description":158},"Phạm Quốc Bảo","Kỹ sư cơ khí — tự học lập trình buổi tối","Lộ trình DevOps (CI\u002FCD, Docker) giúp mình hiểu pipeline deploy thay vì chỉ code local. Checklist từng tuần giữ nhịp học ổn định.",{"fullname":160,"role":161,"description":162},"Võ Thanh Tú","Intern Backend — startup tại TP.HCM","Khoá Node.js và thiết kế API giúp mình nắm REST, validation và database qua bài lab thực tế. Slide đính kèm tiện ôn phỏng vấn.",{"fullname":164,"role":165,"description":166},"Đặng Kim Ngân","Designer chuyển sang UI Developer","Khoá HTML\u002FCSS Grid & Flexbox giúp mình chuyển layout Figma sang markup chuẩn, responsive đúng spec.",{"title":168,"description":169,"placeholder":170,"buttonLabel":171},"Nhận tin khoá học & ưu đãi","Đăng ký email để cập nhật lộ trình mới, workshop và chương trình Mely 29k.","Email của bạn","Đăng ký",{"brandLine":173,"description":174,"columns":175},"MELYDEMY — Học lập trình từ con số 0","Nền tảng khoá học lập trình thực chiến thuộc hệ sinh thái KungFuTech.",[176,184,195],{"title":39,"links":177},[178,180,182],{"label":179,"to":33},"Tất cả khoá học",{"label":181,"to":18},"Ưu đãi Mely 29k",{"label":183,"to":54},"Khoá học AI",{"title":185,"links":186},"Tài nguyên",[187,189,192],{"label":75,"to":188},"\u002Fblog",{"label":190,"to":191},"Điều khoản","\u002Fterms-and-conditions",{"label":193,"to":194},"Chính sách bảo mật","\u002Fprivacy-policy",{"title":196,"links":197},"Hệ sinh thái",[198,200,203],{"label":199,"href":14},"KungFuTech",{"label":201,"href":202},"TechMely YouTube","https:\u002F\u002Fwww.youtube.com\u002Fc\u002FTechMely",{"label":204,"href":12},"Facebook MelyDemy",{"bankName":206,"bankCode":207,"accountNumber":208,"accountName":209,"qrTemplate":210,"note":211},"MB Bank","MBBank","0680126400005","PHAM NGOC HOA","https:\u002F\u002Fqr.sepay.vn\u002Fimg?acc={accountNumber}&bank={bankCode}&amount={amount}&des={paymentCode}","Khoá học sẽ được gửi vào email của bạn sau khi thanh toán thành công.",{"promo49k":213},{"enabled":16,"displayPrice":214,"title":57,"description":215},29000,"Học lập trình trọn đời chỉ từ 29.000đ",[217,223,228,233,239],{"id":218,"name":219,"slug":220,"title":24,"canonicalSlug":221,"heroDescription":222},1,"Tất cả các khóa học","tat-ca",null,"Khám phá lộ trình Frontend, Backend, DevOps và AI — học thực chiến với video trọn đời.",{"id":224,"name":85,"slug":225,"title":85,"canonicalSlug":226,"heroDescription":227},2,"khoa-hoc-backend","backend","API, database và kiến trúc hệ thống — từ nền tảng đến dự án thực tế.",{"id":229,"name":80,"slug":230,"title":80,"canonicalSlug":231,"heroDescription":232},3,"khoa-hoc-frontend","frontend","HTML, CSS, JavaScript và framework hiện đại — xây giao diện responsive chuẩn doanh nghiệp.",{"id":234,"name":235,"slug":236,"title":235,"canonicalSlug":237,"heroDescription":238},4,"Devops","khoa-hoc-devops","devops","CI\u002FCD, container và vận hành hệ thống — triển khai ổn định, mở rộng dễ dàng.",{"id":240,"name":94,"slug":241,"title":94,"canonicalSlug":241,"heroDescription":242},5,"ai","Prompt, workflow và tích hợp công cụ AI — học theo bài lab, áp dụng ngay vào dự án.",[244,245,246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,261,262,263,264,265],"no1","ai5","ts1","ku1","jv1","js1","vu1","ai7","re2","ko1","py1","fl1","oa1","bl1","ct1","hc1","re1","sw1","ph1","aw2","gi1","aw3",{"course":267,"related":323},{"id":268,"title":269,"slug":252,"code":252,"createdAt":270,"updatedAt":271,"thumbnail":272,"head":274,"category":280,"overview":281,"count":288,"image":289,"content":290,"class":291,"roadmap":292,"lecturers":321,"diary":322,"rating":11,"url_register":11},"6bb6d9c2-47be-4174-8f38-8ba03f0b3920","Khóa học React Query Tanstack","2024-11-21T00:10:21","2026-05-26T13:24:38",{"url":273,"alt":269},"https:\u002F\u002Fcdn.simpleicons.org\u002Freact\u002Fwhite",{"description":275,"keywords":276},"Về khóa học Khóa học React Query Tanstack sẽ giúp bạn nắm vững cách sử dụng React Query để quản lý trạng thái và dữ liệu trong ứng dụng React của mình. Với sự phát triển nhanh chóng của các ứng dụng web hiện đại, việc quản lý dữ liệu trở nên ngày càng qua",[277,278,279],"Lập trình","React","Quản lý dữ liệu",{"name":80,"slug":231,"description":11},{"code":252,"icon":273,"time":282,"color":283,"price":284,"buyers":285,"language":286,"tags":287,"cover_":273},15,"#61dafb",399000,425,"Tiếng Việt",[],10,{"url":273,"alt":269},"\u003Ch2>Về khóa học\u003C\u002Fh2>\u003Cp>Khóa học React Query Tanstack sẽ giúp bạn nắm vững cách sử dụng React Query để quản lý trạng thái và dữ liệu trong ứng dụng React của mình. Với sự phát triển nhanh chóng của các ứng dụng web hiện đại, việc quản lý dữ liệu trở nên ngày càng quan trọng. React Query cung cấp một giải pháp mạnh mẽ và linh hoạt để xử lý các yêu cầu dữ liệu từ server, giúp bạn tiết kiệm thời gian và công sức trong việc phát triển ứng dụng.\u003C\u002Fp>\u003Cp>Trong khóa học này, bạn sẽ được hướng dẫn từ những khái niệm cơ bản nhất về React Query cho đến những kỹ thuật nâng cao như quản lý cache, xử lý xác thực và nhiều hơn nữa. Chúng tôi sẽ đi qua từng bước một cách chi tiết, đảm bảo bạn có thể áp dụng ngay lập tức vào dự án của mình.\u003C\u002Fp>\u003Ch2>Đối tượng\u003C\u002Fh2>\u003Cul>\u003Cli>Những người mới bắt đầu học React\u003C\u002Fli>\u003Cli>Nhà phát triển muốn cải thiện kỹ năng quản lý dữ liệu trong ứng dụng React\u003C\u002Fli>\u003Cli>Những ai muốn tìm hiểu về React Query và cách sử dụng nó hiệu quả\u003C\u002Fli>\u003Cli>Nhà phát triển muốn tối ưu hóa hiệu suất ứng dụng của mình\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>Mô tả khóa học\u003C\u002Fh2>\u003Cp>Khóa học này được thiết kế để cung cấp cho bạn một cái nhìn tổng quan về React Query và cách nó có thể giúp bạn trong việc quản lý dữ liệu. Bạn sẽ bắt đầu với việc cài đặt và thiết lập dự án React Query, sau đó tìm hiểu về các loại queries và cách sử dụng chúng trong ứng dụng của bạn.\u003C\u002Fp>\u003Cp>Tiếp theo, bạn sẽ khám phá các hook như useInfiniteQuery và useQueries để xử lý các yêu cầu dữ liệu phức tạp hơn. Khóa học cũng sẽ hướng dẫn bạn cách quản lý cache với useQueryClient, giúp bạn tối ưu hóa hiệu suất ứng dụng.\u003C\u002Fp>\u003Cp>Cuối cùng, bạn sẽ học cách thực hiện thay đổi dữ liệu với useMutation, xử lý xác thực JWT và theo dõi trạng thái với useIsFetching và useIsMutating. Mỗi phần của khóa học đều được thiết kế để bạn có thể thực hành và áp dụng ngay vào dự án thực tế của mình.\u003C\u002Fp>\u003Col>\u003Cli>Giới thiệu về React Query và lợi ích của nó.\u003C\u002Fli>\u003Cli>Cài đặt và thiết lập dự án React Query.\u003C\u002Fli>\u003Cli>Khám phá các loại queries và cách sử dụng chúng.\u003C\u002Fli>\u003Cli>Quản lý cache và tối ưu hóa hiệu suất ứng dụng.\u003C\u002Fli>\u003Cli>Thực hiện thay đổi dữ liệu và xử lý xác thực.\u003C\u002Fli>\u003C\u002Fol>","1",{"content":293,"description":11},[294,297,300,303,306,309,312,315,318],{"title":295,"description":296},"Chương 1: Giới thiệu React Query","Trong chương này, bạn sẽ được giới thiệu về React Query, một thư viện mạnh mẽ giúp quản lý trạng thái dữ liệu trong ứng dụng React. Bạn sẽ tìm hiểu về các khái niệm cơ bản, lợi ích của việc sử dụng React Query so với các phương pháp truyền thống. Chương này cũng sẽ cung cấp cái nhìn tổng quan về cách React Query giúp tối ưu hóa việc lấy dữ liệu và cải thiện hiệu suất ứng dụng. Bạn sẽ có cơ hội thực hành với một số ví dụ đơn giản để nắm vững kiến thức.",{"title":298,"description":299},"Chương 2: Thiết lập dự án React Query","Chương này hướng dẫn bạn cách thiết lập một dự án React Query từ đầu. Bạn sẽ học cách cài đặt thư viện và cấu hình môi trường phát triển để sử dụng React Query một cách hiệu quả. Ngoài ra, chương này cũng sẽ giới thiệu các công cụ hỗ trợ và cách tổ chức mã nguồn cho dự án của bạn. Bạn sẽ thực hành bằng cách tạo một ứng dụng mẫu để áp dụng những gì đã học.",{"title":301,"description":302},"Chương 3: Tìm hiểu về Queries trong React Query","Trong chương này, bạn sẽ tìm hiểu về Queries trong React Query, một trong những tính năng quan trọng nhất của thư viện. Bạn sẽ học cách thực hiện các truy vấn dữ liệu từ API và cách quản lý trạng thái của chúng. Chương này cũng sẽ bao gồm các ví dụ thực tế về cách sử dụng Queries để lấy và hiển thị dữ liệu trong ứng dụng. Bạn sẽ nắm vững cách xử lý lỗi và trạng thái tải dữ liệu.",{"title":304,"description":305},"Chương 4: useInfiniteQuery và useQueries","Chương này tập trung vào hai hook mạnh mẽ: useInfiniteQuery và useQueries. Bạn sẽ học cách sử dụng useInfiniteQuery để lấy dữ liệu theo trang và quản lý các yêu cầu không giới hạn. Đồng thời, useQueries cho phép bạn thực hiện nhiều truy vấn đồng thời một cách hiệu quả. Chương này sẽ cung cấp các ví dụ thực hành để bạn có thể áp dụng vào dự án của mình.",{"title":307,"description":308},"Chương 5: Quản lý cache với useQueryClient","Trong chương này, bạn sẽ tìm hiểu cách quản lý cache với useQueryClient. Bạn sẽ học cách truy cập và tương tác với cache của React Query để tối ưu hóa hiệu suất ứng dụng. Chương này cũng sẽ hướng dẫn bạn cách làm mới dữ liệu và xóa cache khi cần thiết. Bạn sẽ thực hành với các kịch bản thực tế để nắm vững cách quản lý cache hiệu quả.",{"title":310,"description":311},"Chương 6: Thực hiện thay đổi dữ liệu với useMutation","Chương này sẽ giới thiệu về useMutation, một hook quan trọng để thực hiện thay đổi dữ liệu trong ứng dụng. Bạn sẽ học cách gửi dữ liệu đến API và xử lý phản hồi từ server. Chương này cũng sẽ bao gồm các ví dụ về cách sử dụng useMutation để thêm, sửa, xóa dữ liệu. Bạn sẽ nắm vững cách quản lý trạng thái và thông báo cho người dùng sau khi thực hiện các thay đổi.",{"title":313,"description":314},"Chương 7: Invalidate Queries, Prefetching và Cancel Queries","Trong chương này, bạn sẽ tìm hiểu về Invalidate Queries, Prefetching và Cancel Queries. Bạn sẽ học cách làm mới dữ liệu một cách hiệu quả và cách tải trước dữ liệu để cải thiện trải nghiệm người dùng. Chương này cũng sẽ hướng dẫn bạn cách hủy các truy vấn không cần thiết để tiết kiệm tài nguyên. Bạn sẽ thực hành với các ví dụ cụ thể để áp dụng kiến thức vào dự án của mình.",{"title":316,"description":317},"Chương 8: Theo dõi trạng thái với useIsFetching và useIsMutating","Chương này sẽ giúp bạn theo dõi trạng thái của các truy vấn và thay đổi dữ liệu bằng cách sử dụng useIsFetching và useIsMutating. Bạn sẽ học cách hiển thị thông tin trạng thái cho người dùng, giúp họ biết khi nào dữ liệu đang được tải hoặc thay đổi. Chương này cũng sẽ bao gồm các ví dụ thực tế để bạn có thể áp dụng vào ứng dụng của mình. Bạn sẽ nắm vững cách cải thiện trải nghiệm người dùng thông qua việc quản lý trạng thái.",{"title":319,"description":320},"Chương 9: Xử lý xác thực JWT với React Query 🚀","Trong chương cuối cùng này, bạn sẽ tìm hiểu cách xử lý xác thực JWT với React Query. Bạn sẽ học cách tích hợp xác thực vào ứng dụng của mình và quản lý token một cách an toàn. Chương này sẽ hướng dẫn bạn cách thực hiện các yêu cầu bảo mật và xử lý phản hồi từ server. Bạn sẽ thực hành với các kịch bản thực tế để nắm vững cách bảo vệ ứng dụng của mình.",[],[],[]]