Tại sao giờ này mới biết đến kênh của anh chứ, có lẽ hơi trễ nhưng mà em thấy may mắn vì được tiếp cận những kiến thức một cách dễ hiểu thông qua lời nói và cách a làm video, chúc anh cuối năm - năm mới nhiều sức khoẻ và may mắn Mong chờ những video chất lượng như này của anh trong thời gian tới 😉
Anh cho em hỏi project trong video là anh dùng React hook đúng không ạ? tại em đang cần tìm một video chỉ về react hook + typescript luôn mong anh giải đáp!
Anh cho e hỏi khi mà những thằng có cái interface được dùng nhiều lần thì mình mới bỏ nó vào file interface riêng hả. Còn không thì cứ tạo nó trong file gốc đk a
có bug "key" prop kìa anh ơi, do React.StrickMode nên useEffect chạy 2 lần. Lúc này StateList double rồi. Add key value vào thì bug ngây. Mà sao k thấy a fix ???
Nếu react18 thì đoạn setPokemons((p) => [...p, poke.data]) thì nó load tận 40con(mỗi con bị lặp lại 2 lần) nhưng khi cài xuống bản react17 thì nó load đúng
Đoạn 59:23, em chưa hiểu lắm vì sao type của abilities phải set undefined nữa ạ? Các dữ liệu khác như name, id, image mình cũng phải fetch api để lấy nhưng sao ko phải set thêm undefined ạ? Có phải object có nhiều cấp thì mới cần vậy ko ạ?
Dạ anh ơi ở 38:53 ak rõ ràng name nó báo lỗi liên quan đến lỗi does not exist on type 'IntrinsicAttributes & Props' mà sao anh vẫn chạy được vậy ạ và rõ ràng là terminal của anh em thấy nó không hề run gì cả nhưng mà vẫn chạy vậy là sao nhỉ. Mong được anh phản hồi ak. Cảm ơn anh rất nhiều ak
phút 38:53 cái terminal anh mở đâu phải cái terminal đang chạy web đâu e, anh chạy npm start từ ban đầu ở terminal khác mà, em xem kĩ sẽ thấy có 2 cái terminal ấy
@@DanielTruongDev Trong Interface, ability : string, nma khi render thì ông để ability: any rồi ability.name. Vậy cái trong Interface hình như hơi thừa. Xóa đi vẫn chạy bthg. Ông xem lại đoạn đó xem sao. Còn nếu so với API thì cái ability đang sai kiểu dữ liệu.
Hi vọng b ra thêm video về ts + react js như thế này nữa. Cảm ơn bạn nhiều
Kênh của bạn này ra content không có tiêu đề quá nổi bật và thu hút nhưng nội dung rất hay.
hay quá, hướng dẫn vô cùng dễ hiểu. Mong bạn ra thêm video về Nextjs nữa
Tại sao giờ này mới biết đến kênh của anh chứ, có lẽ hơi trễ nhưng mà em thấy may mắn vì được tiếp cận những kiến thức một cách dễ hiểu thông qua lời nói và cách a làm video, chúc anh cuối năm - năm mới nhiều sức khoẻ và may mắn
Mong chờ những video chất lượng như này của anh trong thời gian tới
😉
e năm mới vui vẻ nhé :D
thanks anh video rất dễ hiểu anh. Đang join vào dự án dùng typescript vs react mà đang quen dùng js thuần
Hay quá chờ mãi.
Chúc mừng năm mới mọi người. Cảm ơn anh
Cảm ơn a , video của a rất bổ ích.
Giờ mới học đến, hay q!!
Cảm ơn anh đã chia sẻ ^^
Anh cho em hỏi project trong video là anh dùng React hook đúng không ạ?
tại em đang cần tìm một video chỉ về react hook + typescript luôn
mong anh giải đáp!
1:09:37 ái chà khúc này lấn cấn quá🤣, tại sao khi có điều kiện line 16 thì X lại hoạt động nhĩ
anh cho em xin tên extension tự tạo thẻ html với ạ như .test là tạo thẻ div á anh :3
Chúc anh năm mới vui vẻ và thành công ạ
e cũng v :D
cảm ơn bạn
Hi vọng anh sẽ tạo ra nhiều nội dung hơn ạ
Anh cho e hỏi khi mà những thằng có cái interface được dùng nhiều lần thì mình mới bỏ nó vào file interface riêng hả. Còn không thì cứ tạo nó trong file gốc đk a
có bug "key" prop kìa anh ơi, do React.StrickMode nên useEffect chạy 2 lần. Lúc này StateList double rồi. Add key value vào thì bug ngây. Mà sao k thấy a fix ???
tạm thời bỏ StrictMode trong file index.tsx, còn cách khác thì chưa biết nữa bác
a có thường dùng enum trong typescript hk a? và ở phút 47.57 a dùng phím gì mà nó auto xuống dòng hay vậy anh?
Có thể ra 1 tutorial về mongodb và expressjs ko anh uiii
chúc a lunar new year ấm áp ạ
e cũng v :D
chào a, a có thể show mấy cái extension trong vscode được không?
next js hoăc socker i o đi ban ơi
Nếu react18 thì đoạn setPokemons((p) => [...p, poke.data]) thì nó load tận 40con(mỗi con bị lặp lại 2 lần) nhưng khi cài xuống bản react17 thì nó load đúng
lý do: react18 useEffect sẽ bị gọi 2 lần, cách fix: xoá cái HOC trong index
@@sangtran106 cảm ơn @@ bro
Đoạn 59:23, em chưa hiểu lắm vì sao type của abilities phải set undefined nữa ạ? Các dữ liệu khác như name, id, image mình cũng phải fetch api để lấy nhưng sao ko phải set thêm undefined ạ? Có phải object có nhiều cấp thì mới cần vậy ko ạ?
vì thằng api á, nó chưa có update hết, nên api sẽ có abilites undefined. nên trong code mình phải phòng hờ sẵn trường hợp api nó bị undefined
name, id, image thì api chắc chắn update xong hết r nên yên tâm sài, kh cần phòng hờ
@@VuNguyen-lh1rd cam on ban nhe
có mấy khúc mình cần bạn gthich mà không biết gì luôn
Chúc anh đón tết vui vẻ
e cũng thế nhé :D
Dạ anh ơi ở 38:53 ak rõ ràng name nó báo lỗi liên quan đến lỗi does not exist on type 'IntrinsicAttributes & Props' mà sao anh vẫn chạy được vậy ạ và rõ ràng là terminal của anh em thấy nó không hề run gì cả nhưng mà vẫn chạy vậy là sao nhỉ. Mong được anh phản hồi ak. Cảm ơn anh rất nhiều ak
phút 38:53 cái terminal anh mở đâu phải cái terminal đang chạy web đâu e, anh chạy npm start từ ban đầu ở terminal khác mà, em xem kĩ sẽ thấy có 2 cái terminal ấy
@@DanielTruongDev Trong Interface, ability : string, nma khi render thì ông để ability: any rồi ability.name. Vậy cái trong Interface hình như hơi thừa. Xóa đi vẫn chạy bthg. Ông xem lại đoạn đó xem sao. Còn nếu so với API thì cái ability đang sai kiểu dữ liệu.
set interface props bên list component là hết nha
s mình lm giống b nhưng đoạn setPokemons((p) => [...p, poke.data]) thì lại ra đến 100 con nhỉ, res vs poke.data trả về kúc đầu thì chỉ 20 con
do lúc b sửa code b Ctrl + S thành ra nó bị re-render nên nó thêm vào ấy, b tải lại trang thì nó load bth lại th
@@DanielTruongDev mình thấy ms đầu vào hay tải lại nó cx đã load 40 con r
@@DanielTruongDev chắc là do ms vào bị re-render ở đâu đấy 1 lần
Css tròn github k có gì hả a
Em hiiện ảnh pokemon bị lỗi là do api hả anh
check xem api trả ra đúng không rồi kiểm tra thử trỏ tới đúng api của hình ảnh khôg
29:18
Mình tưởng phải setLoading(false) ngoài vòng lặp chứ nhỉ
để ở trong hay ở ngoài gì thì nó cũng phải load xong mới thành false th b
@@DanielTruongDev khác chứ để trong thì vòng lặp đầu tiên đã thành false rồi còn ngoài khi hết vòng lặp mới false
@@ackieu3277 b test trên local trong vòng lặp với ngoài vòng lặp xem nó loading khác kh nhé :D
react 18 hết làm được luôn :v
react 18 vẫn bth mà b
Hỏi ngu, biết nhiêu đây typeScript đủ chiến chưa mn :))
typesript nó kiểm soát lỗi thôi mà bạn đủ rồi đó còn học cách áp dụng thôi