Cùng mình tổ chức và thực hiện gọi API trong project thực tế nhé! 😉
Trong video này, mình chia sẻ với mọi người:
✅ API là gì ?
✅ Giữa XHR, Fetch và Axios nên dùng cái nào?
✅ Tổ chức API module trong reactjs project như thế nào?
✅ Setup axios và thực hiện gọi API trong reactjs component.
Hi vọng qua video này giúp bạn nắm được cách API được tổ chức trong project và biết được khi nào sử dụng XHR, Fetch và Axios. 🙂
VIDEO CHAPTERS
Made by: Duy Nguyên Nguyễn
Cảm ơn bạn nhiều nhé! ❤️
0:00 Giới thiệu về cách tổ chức API
1:00 API là gì?
2:00 XHR vs Fetch vs Axios
6:30 Tổ chức API module như thế nào?
9:30 Code mẫu sử dụng Axios
🌐 Link tham khảo
– Slide:
– XMLHttpRequest:
– XMLHttpRequest from Javascript.info:
– Using XMLHttpRequest:
– Fetch API:
– Fetch API Polyfill:
– Axios:
– Make http request with axios:
—–
💻 Easy Frontend 🎉
Nơi kiến thức lập trình web frontend (html/css/javascript/reactjs) được chia sẻ một cách đơn giản, dễ hiểu mà đặc biệt là vui 😊 Với những tài liệu (tutorial) được biên soạn một cách kĩ lưỡng để giúp các bạn developer mới có thể nắm bắt vấn đề một cách nhanh chóng và hiệu quả. Từ đó nâng dần khả năng coding của các bạn lên theo thời gian.
❤️ Ủng hộ mình làm videos thì đóng góp tại đây nhé:
– Ủng hộ tôi:
– MoMo/ZaloPay: 0901 309 729
Kết nối với mình:
– 🎉 Fan page:
– ❓Group:
– 💻Github:
– 💼 LinkedIn:
Note chapter nha anh :v
0:00 Giới thiệu về cách tổ chức API
1:00 API là gì?
2:00 XHR vs Fetch vs Axios
6:30 Tổ chức API module như thế nào?
9:30 Code mẫu sử dụng Axios
Video này lâu rồi nhưng làm dự án tháng 9/2022 anh hậu nói quá chuẩn chỉ
Cho em hỏi: sau này phía backend trả về dữ liệu thì mình call và bắn lên redux( store ) hả anh
anh có hướng dẫn redux persis không ạ
9:04 cho em hỏi VD như sau khi gọi api xong mình cần gọi 1 hàm để process raw data trước khi trả về cho component thì cái hàm để transform data đó nên đặt ở folder nào anh? em tính để ở "service" folder…
Hayyyy gãi đúng chỗ ngứa. Nói chậm rõ lời nữa thì tuyệt
a ơi . cái source code trong khoá reactjs từ đầu đến cuối khoá lưu ở đâu v ạ .cho em xin lại link với ạ
Toàn học reactjs của a giờ e có job về reactjs ứng ý rùi .Tks a rất nhiều mong anh ra nhiều video ạ .
Anh ơi nếu post lên làm sao ạ kiểu bên backend k lấy dữ liệu params á anh còn của anh là chuyền params lên ,😰 nếu làm params như anh bên backend nhận dữ liệu rỗng khi gửi lên á anh , anh rãnh viết cho em xem cái post bằng axios client kiểu giống khi mình post demo trong postman chỗ body á anh không phải chỗ Params đc k ạ em biết ơn anh lắm
Anh cho e hỏi e làm react mà khi bấm go back nó ko redirect đúng trang trước là bị sao vậy ạ ! Thank a .
Ajax là khác axios hả anh , anh giải thích sơ cho với ạ
Front end viết một cấu trúc để nhận data từ server phải ko anh. Hiểu là API? Em vẫn đang nghĩ viết API là việc của back end
làm video về react query đi anh
A ơi cho e hỏi vậy cái URL trong api là gì ạ ?
Dự án thực tế mình dùng API hay là node server để start lên ạ
Thí dụ như trong trường hợp mình dùng POST thì phần truyền params nó có tự hiểu là nhét vào body hay ko anh ? Hay là nó vẫn truyền vào url ạ ?
Hay quá a ơi. cảm ơn a nhiều
Cho mình hỏi cách tổ chức này áp dụng vào React Native vẫn ok phải không nhỉ?
Anh Hậu, phần xử lý token "interceptors.request.use" anh làm như thế nào thế ạ? Em chờ mãi phần sau mà không thấy đâu.
Anh có làm thêm phần interceptors request với phần post data không ạ?
mình có thể tạo 1 cái tương tự với spring boot thymeleaf không nhỉ ad
thầy cho e hỏi , h muốn dishpath product lêm server thì làm tn ạ
Có dự định làm seri angular không cho người mới bắt đầu không anh?
em nghe nói muốn nắm được phần sau phải học phần trước vì nó ra nhiều phiên bản quá rồi.
Em biết dùng được mấy cái API như này , nhưng từ khi em xem video của anh thì em biết cách dùng chứ không phải được nữa, mọi người nhớ like vs sub kênh cho anh có động lực ra nhiều videos nữa nhé ae.
hay là <3
a ơi e đang bí ở 1 chỗ này mong a co thể giải đáp giúp e . Ở trên postman e dùng thằng body binary để upload ảnh không phải form-data đâu a khi e test ở postman thì ảnh tạo thành công còn ở trên client React e ko biết setup headers với body như thế nào cả anh e dùng cả FormData với chuyển hình ảnh từ base64 bằng Buffer.from(image, ' base64') đều không up được mong a giải đáp chỗ này giúp e e cảm ơn a nhiều
yêu ông anh này ghê, mặc dù là con trai , chết mọe rồi :3