quá thơm, hồi trước làm react e đã nghĩ đến việc tại sao người ta "lạm dụng" quá nhiều các hook như useCallback, useMemo và React.memo trong source code. Phải chi ko cần viết đống memo này mà vẫn có hiệu suất tốt :v .
Trước kia là phải hiểu rõ thì mới biết chổ nào nên dùng, lúc nào memorization, biến nào là state biến nào không. Giờ ra cái này thì cũng tiện thật, chỉ lo mấy anh dev react tham gia sau sẽ code ẩu hơn thôi.
cho e hỏi vậy sau này nếu người code viết code lỗi, xử lý dở làm rerender lung tung, sau đó áp dụng react compiler này vào hết bị. vậy khỏi quan tâm tới vấn đề rerender nữa hả a :| . nếu không có react compiler này thì chạy chậm thôi là biết người code code tệ, bắt sửa ngay.
nếu bạn đứng chờ đèn đỏ, rất có thể người đứng cạnh bạn là react developer, lương của dev ngày càng rẻ mạt, sinh viên 5,6 thằng tranh nhau 1 job react. Nhà tuyển dụng khoái chí vì tha hồ dìm lương bạn, 1 tháng lương Java tuyển được 3 thằng intern junior react, vì cái gì càng dễ và phổ biến thì lại càng cạnh tranh về giá
Intern junior dev react, thậm chí senior fullstack java (hay bất kỳ ông BE nào fullstack) code react, nếu tính về mindset react thì đa số vẫn trời ơi đất hỡi lắm, (tôi chửi mỗi ngày 😂🐧), thế nên thượng vàng hạ cám, không có gì vừa ngon vừa bổ vừa rẻ được
em dùng webpack, em tạo 1 file config.js và copy cái code ReactCompiler với webpack nma nó chỉ chạy đúng với component App, còn ChildComponent thì nó liên tục chạy lại dãy fibonacci ạ. anh xem giúp em với
Như vậy thì nó đồng nghĩa vs việc app sẽ tốn bộ nhớ hơn rất nhiều. Bth việc áp dụng kỹ thuật memo thủ công thì mình sẽ chủ động chỉ memo những component nào thực sự ảnh hưởng đến trải nghiệm ng dùng, còn những chỗ bị rerender khác k quá ảnh hưởng thì kệ nó vẫn chấp nhận đc, thì bộ nhớ sẽ đc tối ưu hơn. Ns chung mk thấy complier này rất ok nhưng vẫn k nên quá lạm dụng.
React đáng lẽ nên phát triển điều này sớm hơn. Mình code cả vue cả react. Nhưng 2 năm nay prefer dùng vuejs hơn. Vì những painpoint ở trên thì vuejs đã handle được từ khi phát triển rồi. Giờ reactjs release ra như này thì đúng mừng luôn. không phải lạm dụng quá nhiều hook nữa.
Đã theo dõi anh từ lâu, clip huớng dẫn rất dễ hiểu, mong là anh mở thêm khoá học về React native cơ bản và nâng cao
Sẵn dịp ra những video về các hooks mới và những APIs mới của React luôn nha. Cảm ơn Tùng
quá thơm, hồi trước làm react e đã nghĩ đến việc tại sao người ta "lạm dụng" quá nhiều các hook như useCallback, useMemo và React.memo trong source code. Phải chi ko cần viết đống memo này mà vẫn có hiệu suất tốt :v .
Quá hay. Chúc a nhiều sức khoẻ
Ngon lành luôn bro ơi
Video rất hay và dễ hiểu, cảm ơn anh!
cam on anh. Video rat bo ich
Good to know . .dễ hiểu thế a
Tích hợp AI vào compiler luôn
Cảm ơn anh Tùng rất nhiều vì kiến thức hữu ích này ạ!!
Trước kia là phải hiểu rõ thì mới biết chổ nào nên dùng, lúc nào memorization, biến nào là state biến nào không. Giờ ra cái này thì cũng tiện thật, chỉ lo mấy anh dev react tham gia sau sẽ code ẩu hơn thôi.
cho e hỏi vậy sau này nếu người code viết code lỗi, xử lý dở làm rerender lung tung, sau đó áp dụng react compiler này vào hết bị. vậy khỏi quan tâm tới vấn đề rerender nữa hả a :| . nếu không có react compiler này thì chạy chậm thôi là biết người code code tệ, bắt sửa ngay.
hay quá a ơiiii
nếu bạn đứng chờ đèn đỏ, rất có thể người đứng cạnh bạn là react developer, lương của dev ngày càng rẻ mạt, sinh viên 5,6 thằng tranh nhau 1 job react. Nhà tuyển dụng khoái chí vì tha hồ dìm lương bạn, 1 tháng lương Java tuyển được 3 thằng intern junior react, vì cái gì càng dễ và phổ biến thì lại càng cạnh tranh về giá
nhưng với công ty lớn thì lũ gà không có cửa, vậy nên đừng sợ đông mà chỉ sợ là mình biết chưa tới
Intern junior dev react, thậm chí senior fullstack java (hay bất kỳ ông BE nào fullstack) code react, nếu tính về mindset react thì đa số vẫn trời ơi đất hỡi lắm, (tôi chửi mỗi ngày 😂🐧), thế nên thượng vàng hạ cám, không có gì vừa ngon vừa bổ vừa rẻ được
khi ở Strict mode , setting ra sao để cái text log thứ 2 (text giống hệt cái 1 đó) nó bị mờ mờ đi nhỉ.
Hay quá anh ạ
em dùng webpack, em tạo 1 file config.js và copy cái code ReactCompiler với webpack nma nó chỉ chạy đúng với component App, còn ChildComponent thì nó liên tục chạy lại dãy fibonacci ạ. anh xem giúp em với
anh Tùng giải thích quá dễ hiểu luôn
anh Sơn bên F8 khen anh là đỉnh cao react á, anh Sơn bảo là anh Sơn có xem anh
Như vậy thì nó đồng nghĩa vs việc app sẽ tốn bộ nhớ hơn rất nhiều. Bth việc áp dụng kỹ thuật memo thủ công thì mình sẽ chủ động chỉ memo những component nào thực sự ảnh hưởng đến trải nghiệm ng dùng, còn những chỗ bị rerender khác k quá ảnh hưởng thì kệ nó vẫn chấp nhận đc, thì bộ nhớ sẽ đc tối ưu hơn. Ns chung mk thấy complier này rất ok nhưng vẫn k nên quá lạm dụng.
chung quan điểm với mình
Hay!
anh cóp định ra khóa Vuejs trong tương lai không anh ?
thanks anh
xịn quá
React Compiler dùng được cho React 18 không anh em ?
Không đâu bạn ơi.
ủa anh hiện tại hình như đang là Tiến Sĩ lí thuyết tối ưu đúng k a =))
nó hay thật nhưng lại mất các trích để render lại 😂
Vậy giờ dev reactjs cần biết gì vậy anh :
life cycle, re-render, tư duy giải quyết vấn đề là được rồi.
Bổ sung nền tảng thôi bạn, mấy dự án dễ thì nó chỉ có như thế chứ mấy dự án lớn thì business ở FE cũng bự lắm, k đủ vững là sấp mặt như chơi
@@kno.99 ý bác là nghiệp vụ à :
@@babayaga3303 kb cái 19 này trị đc clonedeeep của lodash không :
@@babayaga3303 kb compiler này trị được cloneDeep của lodassh không. bên e sài lodash trong redux nhiều quá rerender loạn cả lên :
chắc do mấy ông code ẩu, xong chê perf kém quá nên họ phải ra cái tool này để tối ưu code hộ mấy ông luôn : )))
v dev h nhàn hơn r :vv
Cứ như này thì càng nhiều dev nữa và lương cũng thấp dần đi, phải học thêm nhiều cái khác :)
thank anh mù màu quá mà coi vẫn hiểu
tool quỷ nhỉ ae :v cái này nó sẽ detect những chỗ có thể optimize sau đó tự optimize hay là nó optimize brute force mọi chỗ luôn vậy
Cùng thắc mắc ạ, hóng cao nhân
React đáng lẽ nên phát triển điều này sớm hơn. Mình code cả vue cả react. Nhưng 2 năm nay prefer dùng vuejs hơn. Vì những painpoint ở trên thì vuejs đã handle được từ khi phát triển rồi. Giờ reactjs release ra như này thì đúng mừng luôn. không phải lạm dụng quá nhiều hook nữa.
Angular thì sao b? Mình thấy Angular thinh hành chỉ sau React, hơn vue?
@@evileyes9317 Mình chưa dùng Angular bao giờ nên mình không có nhận xét gì được b ạ
@@evileyes9317 ai nói bạn dị, angular là thấp nhất luôn đó, có cái bản trènd không nhớ, mà chỉ mới đây mới xem