React.memo() HOC | Phương thức memo trong react | React JS
Ғылым және технология
👉 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.
Пікірлер: 42
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 dạy rất hay và dễ hiểu!
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
Anh Sơn tự nhiên hôm nay đẹp trai quá
ngài mai e pv intern react rồi, giờ vẫn đang xem video của anh để ngồi ôn lại
Chúc a nhiều sức khoẻ
Hello a, file content.js em set count - 1 thì sao a. Giá trị k thay đổi sao nó vẫn render.
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 ạ?
Hay quá anh ơiii
Hay rồi anh ơi 😊
cảm ơn anh rất nhiều
bài nào kiến thức cũng nhẹ nhàng như thế này có phải đỡ khổ 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
@congnamle3632
2 жыл бұрын
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 😁
@tuannguyenhuu964
Жыл бұрын
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
@top_1_florentino
Жыл бұрын
@@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
quá hay rồi ạ
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 ạ
@fullcoursesforfree
11 ай бұрын
giờ này anh đi làm chưa
@tamlongnguyen6604
11 ай бұрын
@@fullcoursesforfree mình đi làm r nma làm BE😗
tuyet voi
lam nested route di a
Tuyet voi
@hocfrontendweb4578
2 жыл бұрын
cam on ban
anh Sơn đẹp trai quá
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 ạ?
@F8VNOfficial
2 жыл бұрын
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(...)
Nice
👍
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 ?
@F8VNOfficial
11 ай бұрын
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 anh
1 ngày 2 bàii luôn
10:20 nếu mình lạm dụng quá thì nhược điểm nó là gì nhỉ?.
@F8VNOfficial
Жыл бұрын
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ỉ.
@quangkhiem6901
10 ай бұрын
@ 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
hi
cmt 2
Cmt đầu