React.memo() HOC | Phương thức memo trong react | React JS
Вставка
- Опубліковано 27 жов 2021
- 👉 Xem Lộ Trình Học: fullstack.edu.vn/learning-paths
👉 Đăng Ký Học Offline Tại F8: short.f8team.dev/dang-ky-hoc-...
Trong video này chúng ta cùng đi tìm hiểu thêm một một phương thức nữa trong react đó là React.memo() HOC | Phương thức memo trong react | React JS
#hoclaptrinh #hoclaptrinhmienphi #javascript #reactjs #frontend #backend #devops #f8
-------
☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh: bit.ly/2Wsuhet
Công cụ đo đạc giao diện web: s.net.vn/D8kL
Công cụ viết CV xin việc chuyên nghiệp: mycv.vn
--------------
☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức nhập môn: fullstack.edu.vn/courses/less...
Xây dựng giao diện với HTML, CSS: fullstack.edu.vn/courses/html...
Xây dựng web responsive: fullstack.edu.vn/courses/resp...
Lập trình Javascript cơ bản: fullstack.edu.vn/courses/java...
Lập trình Javascript nâng cao: fullstack.edu.vn/courses/java...
Làm việc với Terminal & Ubuntu: fullstack.edu.vn/courses/wind...
Xây Dựng Website với ReactJS: fullstack.edu.vn/courses/reactjs
Xây dựng web với Node & Express: fullstack.edu.vn/courses/nodejs
HTML, CSS tips: fullstack.edu.vn/courses/html...
Ứng dụng cảnh báo khi sờ lên mặt: fullstack.edu.vn/courses/tool...
Xem thêm tại: fullstack.edu.vn/courses
-------------------------------------
F8 Official
(c) Sơn Đặng
Website: fullstack.edu.vn
Facebook cá nhân: / sondnf8
Nhóm Học Lập Trình Web: / f8official
Email: contact@fullstack.edu.vn
© Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
© Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức. - Наука та технологія
trước giờ học khái niệm này , bây giờ mới hiểu bản chất. Quá hay ạ
Hay qúa bạn, rất chi tiết dễ hiểu.
Anh Sơn tự nhiên hôm nay đẹp trai quá
anh dạy rất hay và dễ hiểu!
Chúc a nhiều sức khoẻ
ngài mai e pv intern react rồi, giờ vẫn đang xem video của anh để ngồi ôn lại
cảm ơn anh rất nhiều
Hay quá anh ơiii
Hay rồi anh ơi 😊
anh cho em hỏi là mình có thể sử dụng thay vì props được truyền từ componet cha thì nó được lấy từ reducer để ngăn re-render bằng React.memo hay không vậy anh? Mong anh giải đáp giúp em
quá hay rồi ạ
bài nào kiến thức cũng nhẹ nhàng như thế này có phải đỡ khổ không :))
tuyet voi
Cho em hỏi là khi re-render sẽ tạo ra vùng bộ nhớ mới, thì vùng bộ nhớ cũ nó có bị xóa không ạ?
Vừa lúc bọn em đang làm project để bảo vệ thì anh ra khóa React này. Hên quá :v
Thiên thời địa lợi nhân hòa. Đúng lúc Deadline gí gặp ngay khóa học à bạn 😁
Mình nghe nói mấy project trong trường thầy cô ko cho dùng thư viện mà phải code chay hết mà bạn
@@tuannguyenhuu964 tui đang năm 4 nè đồ án bán hàng, quản lý ko cho làm bắt làm những gì trường ko dạy => dùng cứ thoải mái thôi
Hello a, file content.js em set count - 1 thì sao a. Giá trị k thay đổi sao nó vẫn render.
Ngày một nhiều kiến thức haha.. mong a sau làm project reactjs có sử dụng các cái hooks vs HOC,... như thế này để dễ hình dung thực tế nó được dùng trong trường hợp nào ạ
giờ này anh đi làm chưa
@@fullcoursesforfree mình đi làm r nma làm BE😗
Tuyet voi
cam on ban
anh Sơn đẹp trai quá
👍
Nice
lam nested route di a
Hi anh
1 ngày 2 bàii luôn
Nếu Content vs App cùng nằm chung 1 file tức là e không sử dụng export thì dùng memo như thế nào ạ?
Memo nó là hàm, nếu em export thì nghĩa là em export kết quả được return bởi memo đúng ko? Nếu viết cùng 1 file thì em đặt ra 1 biến lưu giá trị return từ memo là được. Ví dụ const ComponentMemoized = React.memo(...)
EM có thắc mắc là react.memo dùng để tránh component re-render không cần thiết. Vậy sao không áp dụng cho tất cả function component có chứa props và nằm trong 1 component cha bất kì nào đó luôn ?
Vì tuỳ trường hợp mới cần em. Ví dụ nó là component con và có nhận state của component cha qua props, nhưng dữ liệu state của component cha mỗi khi thay đổi luôn cần update mới vào component con thì đâu cần memo nữa.
hi
10:20 nếu mình lạm dụng quá thì nhược điểm nó là gì nhỉ?.
Code dài không cần thiết thôi bạn. Nhiều tình huống deps luôn thay đổi thì có dùng memo cũng ko có tác dụng mà. Nên dùng ở những chỗ cần thôi, ko lạm dụng theo kiểu ở đâu cũng cho vào rồi nghĩ đó là tối ưu á 🤣
@@F8VNOfficial hình như bạn không phải Sơn trả lời hả. Trả lời vậy đâu có thuyết phục được. Nếu nhược điểm chỉ là code dài thì họ đã tích hợp luôn vào chứ nhỉ.
@ Có những vấn đề sau:
- Cái ko cần check mà lúc nào cũng check => sẽ mất thời gian check(mặc dù ko đáng là bao cho mỗi lần check)
- Code ko clean, code phải mô tả đúng, đủ đặc điểm của nó tại thời điểm implement, không nên dư, cũng ko đc thiếu theo requirement
- Để đc về mặt performance thì phải đánh đổi về memory, cái gì cũng lưu thông tin thì memory sẽ tăng dần
cmt 2
Cmt đầu