** Vấn đề về âm thanh ** Do có chút trục trặc kĩ thuật nên âm thanh của video này sẽ không được đều, sẽ có một vài đoạn âm thanh bị tăng/giảm. Các bạn hãy thông cảm cho mình nhé. Have a nice day! 😀
Hay a, e có góp ý là những chỗ lưu ý a nên viết chữ ra màn hình cho mọi người dễ hình dung hơn ý a, ví dụ lưu ý 1 là gì, lưu ý 2 là gì, lưu ý 3 là gì..... nó sẽ tổng quan hơn a ạ
Mong anh zai ra một Example App hoặc Project có integrate Life Cycles của React Em đang muốn advanced-research để và hiểu rõ hơn về Life Cycles của React
Hay quá. Đoạn cuối bạn có thể giới thiệu cách viết để 2 cách đổi sự khác biệt cho nhau đc ko?. Bên function thì ko bị xoá, còn bên class thì xoá và ghi đè lên.
anh cho em hỏi ví dụ mình có 2 component A và B. B gửi giữ liệu C lên A. A lưu C vào state tại function x() rồi ngay tại functionX() này mình dùng state để xử lý thì lúc này nó lấy giá trị mặc định chứ chưa lấy giá trị mới setState. Mình giải quyết như nào ạ
Anh ơi, hình như nếu dùng spread operator cho useState thì giá trị của state sẽ merge lại với nhau chứ không ghi đè lên ạ setUser({...user,name:'updated'})
Em có thể tham khảo khái niệm “Lazy initial state” từ tài liệu chính thức của React nhé reactjs.org/docs/hooks-reference.html#lazy-initial-state Về cơ bản thì đây là cơ chế hoạt động của React, khi component re-render lại thì toàn bộ code trong nó sẽ được chạy lại, kể cả đoạn code gán useState. Và việc truyền 1 function vào làm tham số của useState thì React sẽ làm giúp em việc đó là chỉ chạy hàm đó một lần duy nhất khi component được mount, từ các lần re-render sau React sẽ không gọi lại function này nữa.
Em làm như vậy thì cũng bị issue đó em nhé. Nếu em khai báo và gán vào biến a như vậy thì ở bước này em cần sử dụng useMemo để biến a không bị gán lại giá trị sau mỗi lần re-render. Em đón xem video sắp tới về useMemo trong series này nhé
@@holetex Ok anh, à mà em dùng khai báo là const a vẫn bị gán lại giá trị hả anh. Với anh có thể làm thêm về React Hooks sử dụng cross component được ko ví dụ như các trang e-com thì ở homepage có product khi click sẽ add product đó vào [basket, setBasket] rồi khi qua trang checkoutpage sẽ gọi lại basket đó thì các bạn mới học sẽ dễ cảm nhận hơn. Btw em cũng thấy useEffect() hay đi với useState()
** Vấn đề về âm thanh **
Do có chút trục trặc kĩ thuật nên âm thanh của video này sẽ không được đều, sẽ có một vài đoạn âm thanh bị tăng/giảm. Các bạn hãy thông cảm cho mình nhé. Have a nice day! 😀
cảm ơn bạn đã chia sẻ những kiến thức hữu ích và dễ hiểu
anh dạy hay quá. nhiều cái sâu mà mấy kênh khác ko nói tới
triệu like anh , mấy clip trước a làm cao siêu quá , hạ thấp xuống như thế này rồi mới lên cao đc
Cám ơn anh rất nhiều !!! Video quá hay, quá dễ hiểu
cảm ơn anh vì những video chia sẻ kiến thức chất lượng như này ạ=))
hay quá anh ơi..mong anh ra nhiều video như thế này về reactjs ạ
A giang de hieu qua, day du nua. Thanks a
video quá hay và dễ hiểu ạ. em cảm ơn anh nhiều ^^
Hay a, e có góp ý là những chỗ lưu ý a nên viết chữ ra màn hình cho mọi người dễ hình dung hơn ý a, ví dụ lưu ý 1 là gì, lưu ý 2 là gì, lưu ý 3 là gì..... nó sẽ tổng quan hơn a ạ
lưu ý 1: 4:20
lưu ý 2: 6:15
lưu ý 3: 9:20
hay quá anh HoleTex ơi..... Mong anh ra nhiều video chia sẻ kiến thức ạ
Mong anh zai ra một Example App hoặc Project có integrate Life Cycles của React
Em đang muốn advanced-research để và hiểu rõ hơn về Life Cycles của React
like trước xem sau, chúc a nhiều sức khỏe
Hay quá. Đoạn cuối bạn có thể giới thiệu cách viết để 2 cách đổi sự khác biệt cho nhau đc ko?. Bên function thì ko bị xoá, còn bên class thì xoá và ghi đè lên.
quá hay về dễ hiểu luôn anh ơi
Background hnay ok quá ạ ^_^
Cơ bản về redux với redux-saga đi anh !!! Cảm ơn anh nhiều ạ !!!
Hay đỉnh nóc kịch trần
video của a hay quá, cảm ơn a
Hay qua nha anh ^^
Hay luôn ạ
hay lắm anh ạ
Anh ra list học react native đi anh
anh làm video về react-form-hook v7 đi anh
hay quá anh ơi
rat hay !
quá hay !
anh dạy node js express js đi anh
anh cho em hỏi ví dụ mình có 2 component A và B. B gửi giữ liệu C lên A. A lưu C vào state tại function x() rồi ngay tại functionX() này mình dùng state để xử lý thì lúc này nó lấy giá trị mặc định chứ chưa lấy giá trị mới setState. Mình giải quyết như nào ạ
6:00 tại sao viết func thì lại handle được cái bất đồng bộ vậy anh? Khi viết func thì nó phải đợi func thực thi xong à anh?
Tuyệt
Thấy phải vào xem luôn :v
Cho em hỏi trước khi có ReactHook thì ngta quản lý state bằng cách nào vậy anh
a ơi cho em hỏi hàm setState trong useStage có phải là hàm bất đồng bộ ko ạ,hay nó ảnh hưởng bởi tính chất closure,mong a trả lời ạ,tks a !
Nó là bất đồng bộ em ạ
stackoverflow.com/questions/54069253/usestate-set-method-not-reflecting-change-immediately
@@holetex em cảm ơn ạ!
Khi nào có series Redux anh ơi
React redux toolkit thẳng tiến anh ơi
anh cho em xin font chữ anh xài được không ạ
Anh ơi, hình như nếu dùng spread operator cho useState thì giá trị của state sẽ merge lại với nhau chứ không ghi đè lên ạ
setUser({...user,name:'updated'})
Ý của anh nói trong video là ghi đè lên giá trị state cũ
A có thể giải thích thêm tại sao dùng arrow function thì hàm initialValues k bị gọi lại được k ạ. Cám ơn a
Em có thể tham khảo khái niệm “Lazy initial state” từ tài liệu chính thức của React nhé
reactjs.org/docs/hooks-reference.html#lazy-initial-state
Về cơ bản thì đây là cơ chế hoạt động của React, khi component re-render lại thì toàn bộ code trong nó sẽ được chạy lại, kể cả đoạn code gán useState. Và việc truyền 1 function vào làm tham số của useState thì React sẽ làm giúp em việc đó là chỉ chạy hàm đó một lần duy nhất khi component được mount, từ các lần re-render sau React sẽ không gọi lại function này nữa.
@@holetex Cám ơn a
a ơi cho em hỏi có những phương pháp nào để quản lý state vậy ạ
Em có thể nói rõ hơn về câu hỏi của em không, anh chưa hiểu lắm
@@holetex ý bạn ấy có thể là trong 1 function hoặc class có nhiều hơn một state thì mong anh chia sẻ exp về quản lý state. (vd: về đặt tên, tách file quản lý state riêng....)
Có thể gán giá trị cho function như const a = initialValue() rồi useState(a) được ko anh ?
Em làm như vậy thì cũng bị issue đó em nhé. Nếu em khai báo và gán vào biến a như vậy thì ở bước này em cần sử dụng useMemo để biến a không bị gán lại giá trị sau mỗi lần re-render. Em đón xem video sắp tới về useMemo trong series này nhé
@@holetex Ok anh, à mà em dùng khai báo là const a vẫn bị gán lại giá trị hả anh. Với anh có thể làm thêm về React Hooks sử dụng cross component được ko ví dụ như các trang e-com thì ở homepage có product khi click sẽ add product đó vào [basket, setBasket] rồi khi qua trang checkoutpage sẽ gọi lại basket đó thì các bạn mới học sẽ dễ cảm nhận hơn. Btw em cũng thấy useEffect() hay đi với useState()