React Context & useContext() hook | Khái niệm useContext()

[@F8VNOfficial]

👉 Anh em học kỹ useReducer + context nhé, bài sau mình sẽ hướng dẫn các bạn áp dụng 2 thằng này tạo global state (thật ra bài này cũng vậy, nhưng bài sau sẽ chi tiết hơn). P/S: Anh em lưu ý là không nên comment như: comment đầu, 1, 2, 3. Các bạn có thể đặt câu hỏi cho mình, hoặc nêu thêm ý kiến của các bạn giúp nội dung mang nhiều ý nghĩa hơn nhé các bạn 😍😍😍

[@kilianbaratheon2258]

đợi bài mới của a mỗi ngày, học của anh 3 tháng nay em đậu được 1 chân intern ở 1 cty cũng gọi là lớn, cảm ơn và chúc anh Sơn nhiều sức khỏe 🙋

[@navuong7953]

Anh ơi khoảng tầm bao giờ thì anh xong full khóa này ạ, để em lên kế hoạch học cho hợp lý ạ

[@lenhac9040]

@@kilianbaratheon2258 phỏng vấn người ta hỏi những gì vậy bạn, cho mình tham khảo với😆

[@shawnnguyen1379]

Sau bao năm trong nghề thì mình thấy đây là youtuber dạy code dễ hiểu nhất và chất lượng nhất cho người mới

[@F8VNOfficial]

Cảm ơn bạn nhiều nhé

[@quangquang4392]

Bạn dạy hay quá

[@congnamle3632]

Học ở F8 lâu nay nhận ra là anh Sơn code thực sự nhanh. Khi xem đôi khi sốc vì anh làm quá nhanh. Nhưng sau khi xem đã hiểu cũng nhiễm thói quen đó. code hướng dẫn bạn bè là nó chửi code làm lẹ quá không hiểu 😁😁 Bạn nào mới học F8 cứ cày kĩ vào, xem đi xem lại thực hành nhiều sẽ làm được. Sau này đụng sẽ làm nhanh giống anh Sơn 😂

[@lordsaurondevoffical363]

Học cái này xong đúng là học redux nó ez chứ thằng này nó dùng để làm mấy cái vừa vừa và nhỏ, redux dùng cho dự án vừa và lớn! Cảm ơn anh sơn chia sẻ cho công đồng cách miễn phí ạ

[@Duck2505]

mình đang tính hỏi khi nào xài Redux, khi nào xài useReducer useContext thì đọc được bình luận này, cảm ơn bạn đã giải đáp thắc mắc.

[@lordsaurondevoffical363]

@@Duck2505 kzbin.info/www/bejne/iam5fpaDl9-src0 nó tương tự ấy bạn,

[@bachhoangofficial2981]

ĐÓng góp 1 tí là đoạn 17:00 nếu ae không thích truyền dưới dạng Object {key:value} thì ae có thể truyền dưới dạng Array[index:value] nhé ạ

[@thutrangle1791]

Anh Sơn giảng dễ hiểu thật sự luôn ấy !!!

[@zazosystem8887]

Cám ơn F8 bài nào cũng rất hay, dễ hiểu và rất hữu dụng

[@vanthietIT]

thảo mai

[@VietHoang-cr9pk]

Rất hay và rất dễ hiểu, cảm ơn a ạ

[@franky2707]

F8 có cái intro chất quá :D

[@vunguyenhuy3688]

Lú thật anh ơi lồng lồng nhau coi 50 lần hiểu còn 46 lần nữa thôi

[@dung_gl]

Anh Sơn cho em hỏi, khi một state trong Context thay đổi thì tất cả các children của Context đều sẽ render lại hay là chỉ mỗi những children nào sử dụng useContext cho cái context đó thay đổi thôi ạ.

[@Chill-ex5qf]

Tất cả luôn b

[@quangnhan9244]

Em chờ video này và nó đã ra

[@minhthuan2210]

Anh Sơn cho em hỏi trong dự án thực tế thì context vs reducer dùng trong trường hợp như nào là tốt hơn? Cái nào scale + manage tốt hơn ạ?

[@chau-sama]

Khúc cuối ngay cái click đó mình muốn truyền data vô cái hàm thì bên cái hàm cho nhận param như bình thường thôi hã đại ca?

[@NguyenAnh-bw7cm]

anh làm content hữu ích quá.

[@globalerblick]

Bài này lú thật sự :D

[@phamngocson8366]

anh có làm bài về Custom hook ko a?

[@tranminhquan5772]

Đợi cái này rớt nước mắt

[@tienhuynh2435]

quá hay anh ưi

[@jocji3532]

anh giẩng bài hay quá

[@henrybui_io]

Thật sự bài này khiến mình bị rối, phải xóa code đi tự làm lại vài lần mới nghiệm ra

[@HRiO0312]

mình khi import themecontext thì bị lỗi "Uncaught ReferenceError: Cannot access '__WEBPACK_DEFAULT_EXPORT__' before initialization" lên mạng search mãi không fix được :(((

[@viewvue3744]

nó báo default kìa do bác import sai syntax thôi

[@vuongqtvn]

quá xịn sò

[@ngthuongnguyen9804]

a cho e hỏi tại sao trong ThemeProvider mình truyền dữ liệu là đối tượng value mà component con Paragraph lại nhận đối tượng tên context từ useContext(ThemeContex) a nhỉ? E cảm ơn anh

[@free2idol1]

cái đó đặt tên gì cũng được hết vì đối tượng value là object mà. Ko thì bạn để const {theme} = useContext(ThemeContext); cũng ok.

[@khoatran1535]

@@free2idol1 cho mình hỏi ngu tí,mình đang bị lú giữa module với context .Tại sao mình ko export rồi import value từ Ông sang Cháu luôn nhỉ mà phải sử dụng context.Ko nhầm là export dc component và cả biến,...vv nữa

[@F8VNOfficial]

Nó là đặt biến trong JS thôi em ơi, em đặt tên đúng quy tắc đặt tên biến là ok em nhé. Đặt tên biến thì tuỳ vào ngữ cảnh mà đặt tên cho phù hợp thôi.

[@free2idol1]

​@@khoatran1535 ý bạn là chỗ 16:45 này vì sao ko export value ra, rồi vào component con import lại đúng ko? Cái value đó là đang nằm trong phạm vi của function mà... làm sao export thứ gì ra khỏi đó được.

[@ngthuongnguyen9804]

@@F8VNOfficial thanks anh

[@NguyenDinh-ms5hm]

Nếu có nhiều context ôm component App thì nên thiết kế như nào?

[@toanta4838]

hỏi cho tử tế mấy tuổi ranh

[@thaoutpham9594]

hay quá đi anh

[@inhxuanhanh3978]

Cái này kết hợp với useReducer thay được redux phải k a

[@viewvue3744]

thay đc thì react nó bỏ redux rùi ông

[@BaoTran-ii6pc]

Quá hay

[@hieptrinh8215]

hay quá!

[@TuiTenBo-xw5qy]

hay quá

[@ThienNguyen-ec7le]

Hình như đặt tên cái ThemeContext đó là luôn luôn phải đặt _Context thì nó mới export được em vừa thử đổi tên khác thì không export được hình như anh Sơn quên nói cái này á

[@F8VNOfficial]

Hic nhầm ở đâu rồi lại nghĩ do tên thế em. Học em nên đọc docs với các khái niệm cơ bản để tránh đoán sai nhé. Em check lại xem em nhầm ở đâu, ko có chuyện do tên như em nói mà ko export được nhé

[@ThienNguyen-ec7le]

@@F8VNOfficial úi lỗi em, em thử làm ví dụ phức tạp hơn tí xong bị lỗi fix mãi kh xong đến lúc đổi tên lại thì được rồi thử lại tên khác lại bị lỗi vậy nữa nên em cmt, giờ thử lại tên khác không bị lỗi anh ơi. Ngáo quá sorry anh hì hì

[@hoangtruong5663]

Học f8 lâu lâu lại bị tẩu hỏa nhập ma😅

[@hyphamne]

11:00

[@tonalone2912]

2