Lazy load image trong NEXT, React
5:30
CSS Calc() trong 10 phút (2023)
10:33
Dependency Array trong React Hooks
28:21
Code Splitting trong ReactJS
18:35
2 жыл бұрын
Responsive layout với CSS Grid
18:37
Пікірлер
@tranucmanh3404
@tranucmanh3404 5 күн бұрын
tuyệt vời anh
@tranthaitan9332
@tranthaitan9332 8 күн бұрын
npm: Dùng để cài đặt (install) gói toàn cục hoặc cục bộ, và quản lý các gói trong dự án. Ví dụ: npm install express hoặc npm install -g typescript. npx: Dùng để chạy gói mà không cần cài đặt vào dự án hoặc chạy các lệnh từ gói đã được cài đặt. Ví dụ: npx create-react-app my-app hoặc npx tsc --init.
@Pipodayy_
@Pipodayy_ 11 күн бұрын
anh ơi link die mất rồi :(( anh còn cách nào gọi k ạ :(
@KhangNguyen-zh5wm
@KhangNguyen-zh5wm 12 күн бұрын
accessToken, refreshToken, expirationTime 57:43
@TranHoangMy-m2d
@TranHoangMy-m2d 15 күн бұрын
Chỉ trong 2 video mà e đã hiểu cách hoạt động của redux toolkit cảm ơn anh 🥰
@HongTruongPham-ij1eh
@HongTruongPham-ij1eh 16 күн бұрын
Quá hay và dễ hiểu. Thanks
@khanhbinh3433
@khanhbinh3433 21 күн бұрын
hay ạ
@quyet1530
@quyet1530 21 күн бұрын
nice
@TuanNguyen-wy7yg
@TuanNguyen-wy7yg 24 күн бұрын
Cảm ơn video của anh rất nhiều, nhờ anh mà em hiểu nhanh về Git 🥰🥰🥰
@VuongTran-zd6rm
@VuongTran-zd6rm 25 күн бұрын
hay vcl đã like đã sub luôn
@khaitrung28
@khaitrung28 27 күн бұрын
Hay quá anh, kiến thức này đã được tiếp thu ❤‍🔥
@wibuiscutcho
@wibuiscutcho 28 күн бұрын
free hay cha pji hangthang ???? tra phi hanmg thang thi vut
@vuinhtien6513
@vuinhtien6513 29 күн бұрын
hay quá, mong bạn ra thêm video dễ hiểu và có demo như này
@QuanNguyenViet-zt6zb
@QuanNguyenViet-zt6zb 29 күн бұрын
Ví dụ nếu áp dụng trong dữ liệu data từ BE và lọc dữ liệu bên FE mà quá lớn thì mình có thể áp dụng worker vào tính toán cho nhanh đúng ko ạ.
@narasheo4229
@narasheo4229 29 күн бұрын
video rat huu ich, thank a
@nemo213-99
@nemo213-99 29 күн бұрын
hay anh ạ, Cho em hỏi trong thực tế sẽ ứng dụng web workers vào đâu ạ. Vì e thấy nó chỉ áp dụng cho các bài toán tính toán phức tạp, thì trên FE đa số k cần care mà để cho BE xử lý ạ
@kno.99
@kno.99 29 күн бұрын
Web worker bị hạn chế một vài thứ, ví dụ như không thể trực tiếp tương tác với DOM. Nên có thể ứng dụng nó vào việc thực thi các untrusted code mặc dù giải pháp này không quá hoàn hảo
@hauladv
@hauladv Ай бұрын
hưu ích quá anh, mà nextjs mình có cần dùng web workders không anh nhỉ?
@atovan3236
@atovan3236 Ай бұрын
Video rất hữu ích a ơi :DD
@phantrungkien3049
@phantrungkien3049 Ай бұрын
cái này có áp dụng vào node or nestjs ko a
@nganduongthithu2992
@nganduongthithu2992 Ай бұрын
anh ơi anh làm về chủ đề Rxjs với redux đi a
@youngtee_01
@youngtee_01 Ай бұрын
nội dung chất lượng quá anh ! cảm ơn a 🤞🤞
@HoaPHAM-g1j
@HoaPHAM-g1j Ай бұрын
Tại sao dùng lời lẽ " thằng này" " thằng kia" nghe rất chói.
@huyvunguyen7128
@huyvunguyen7128 Ай бұрын
Video hay thật sự
@HuyPham-ov1qd
@HuyPham-ov1qd Ай бұрын
Cảm ơn anh về video. Em có thắc mắc: Vì JS là đơn luồng nên nó sẽ nhờ môi trường của nó xử lý những tác vụ bất đồng bộ (Web API, Node JS Libuv) vậy thì những môi trường này sẽ handle giúp chúng ta về việc multi thread giống như WebWorker này phải không a.
@conghieu3299
@conghieu3299 Ай бұрын
Không bạn ơi, Bạn có thể tìm hiểu về Event loop. Bản chất vẫn là đơn luồng, máy tính sử dụng 1 thread để handle. Nó chỉ non-blocking các Micro/Macro task và các tác vụ được xử lý rất nhanh nên bạn cảm thấy như không có độ trễ thôi. Còn thread ở đây là computer thread.
@nguyenminhtan5474
@nguyenminhtan5474 Ай бұрын
​@@conghieu3299Non blocking main thread chứ enviroment thread thì nó muốn xử lý đơn hay đa luồng gì cũng được chứ nhỉ?
@khanh.nguyen
@khanh.nguyen Ай бұрын
Cơ bản là đúng bạn, ví dụ khi event loop chạy qua 1 lệnh fetch (là một Web API) trong call stack, lệnh fetch này sẽ được đẩy sang cho môi trường (trình duyệt, node js), sau đó event loop sẽ tiếp tục thực hiện các công việc khác trong call stack, còn việc gửi HTTP request qua mạng như thế nào, bắt các sự kiện lỗi như thế nào đều do môi trường xử lý, chỉ khi nào có kết quả (hoặc lỗi) thì kết quả (hoặc lỗi) đó sẽ được đẩy vào micro task queue, sau khi call stack trống thì event loop sẽ lấy kết quả trong micro task queue đưa vào call stack để xứ lý tiếp.
@HuyPham-ov1qd
@HuyPham-ov1qd Ай бұрын
@@conghieu3299 Cảm ơn bạn đã chia sẽ, đúng là event loop có cơ chế đơn luồng nhưng nó chỉ đơn luồng trong việc phân bổ request cho các thread thích hợp. Nếu có 1 request yêu cầu 1 tác vụ phức tạp thì event loop sẽ giao cho thread trong libuv thread pool hoặc worker thread xử lý. Ý kiến cá nhân của mình: Nếu JS là đơn luồng và nhờ 1 bên đơn luồng khác xử lý tác vụ phức tap thì sẽ hơi lấn cấn, nên mình nghĩ bên dưới sẽ có logic multi thread. Về ý Micro/macro bạn có nói ở trên: Nếu như có 1 macro task thực hiện fibo(45) như video thì việc "rất nhanh gần như không có độ trễ" là rất khó.
@conghieu3299
@conghieu3299 Ай бұрын
@@HuyPham-ov1qd "Nếu có 1 request yêu cầu 1 tác vụ phức tạp thì event loop sẽ giao cho thread trong libuv thread pool hoặc worker thread xử lý". Node có libuv hỗ trợ I/O, crypto, zlib,... mình đồng ý cái này có chạy ở thread khác và trả kết quả qua callback, còn Worker thread thì mình phải tạo tay (khai báo new Worker) chứ event loop không tạo mới worker. Cả microtasks và macrotasks đều chạy trên cùng một thread nơi event loop đang hoạt động. 1 thread khác sẽ có 1 vùng nhớ (ram) khác (có share nhưng cần config) và chỉ giao tiếp được qua post message. Và mỗi worker thread sẽ có 1 event loop riêng biệt. fibo(45) n lâu khi chạy trên main thread nên mới gây ra block đó b, còn khi chạy trên thread khác thì main thread k sao. Tóm lại: event có hỗ trợ đa luồng một số tác vụ: I/O, crypto, zlib,... Ngoài ra muốn chạy đa luồng cần khai báo. Luồng mới có event loop độc lập, memoies với luồng main. Không tham chiếu được đến biến của các luồng khác nhau.
@duanpham6487
@duanpham6487 Ай бұрын
cho e hỏi bản chất của eventListener là gì mà có thể biết được mỗi khi có message được nhận vậy ạ
@CuongNguyen-oj1lc
@CuongNguyen-oj1lc Ай бұрын
lúc chạy chỉ là song song với main thread chưa chưa phải là chạy song song nhiều worker 1 lúc để xử lý đúng không anh. đoạn 14:00 thấy nó lên từng cái một.
@holetex
@holetex Ай бұрын
Nó chạy đồng thời đó em, xong từng cái 1 vì có cái mình nhấn trước nhấn sau nên nó ko kết thúc đồng thời. Còn bên main thread thì với đoạn code đó nó chạy tuần tự xong cái này mới tới cái tiếp
@chungbui5594
@chungbui5594 Ай бұрын
@@holetexe thấy thực tế nó vẫn phài đợi xong từng cái từng cái một á a, a check lại thử ạ
@holetex
@holetex 28 күн бұрын
@@chungbui5594 anh mới check kĩ lại, em nói đúng rồi, trong ví dụ anh sử dụng useRef nên nó luôn tham chiếu tới cùng 1 worker khi component bị re-render. Đối với mỗi 1 worker thì sẽ chạy tuần tự, nó chỉ chạy song song khi mình tạo nhiều worker với keywork new Worker thôi
@bug_hunter_001
@bug_hunter_001 Ай бұрын
kiến thức đã được tiếp thu, cám ơn anh rất nhiều ạ
@vubuiminh2804
@vubuiminh2804 Ай бұрын
Bổ ích quá anh ơi
@nhathao69
@nhathao69 Ай бұрын
trong nodejs cái này gọi là cluter phải hông anh. em thấy giống giống ạ
@BienNguyen-pl6ub
@BienNguyen-pl6ub Ай бұрын
Cluster là chạy nhiều process. Bên nodejs cũng có worker.
@nhathao69
@nhathao69 Ай бұрын
@@BienNguyen-pl6ub Thanks anh.
@naminh674
@naminh674 23 күн бұрын
cluster là 1 process riêng còn cái này vẫn nằm trên 1 process
@t_himmel6524
@t_himmel6524 Ай бұрын
quá hayy a ạ❤❤
@chuongtran2208
@chuongtran2208 Ай бұрын
Cảm ơn anh, video rất hay ạ!
@newhorizon7215
@newhorizon7215 Ай бұрын
Video rất hay. Mong anh ra nhiều video về việc tối ưu như này
@TruongHoangQuang-
@TruongHoangQuang- Ай бұрын
cho e hỏi a có api nào liên quan đến sách không anh. sách đọc lẫn sách điện tử giọng nói ạ
@hoangphihungfplhn550
@hoangphihungfplhn550 Ай бұрын
Anh này dạy dễ hiểu, hay quá. Học rất cuốn
@tunguyenanh4981
@tunguyenanh4981 Ай бұрын
a có thông số máy PC case không ạ
@minhbaotran180
@minhbaotran180 Ай бұрын
hay quá a
@nvhminh
@nvhminh Ай бұрын
để tiết kiệm chi phí cho khách hàng. mình mua duy nhất 1 con vps vultr, database, hình ảnh, full source nextjs tất cả đều được lưu trên 1 con vps 5$/tháng.... thấy nhiều bạn quá cồng kềnh, database thì lưu trên mongodb atlas, hình ảnh thì lưu aws, source code thì lưu vercel...???
@nvtentertainment4098
@nvtentertainment4098 Ай бұрын
Github action này chạy được project spring không anh
@tranvuphuonguyen168
@tranvuphuonguyen168 Ай бұрын
Hay đỉnh nóc kịch trần
@huydang2983
@huydang2983 Ай бұрын
Bài này hay với nhiều kiến thức quá anh ơi. Mong anh ra thêm bài deploy với Docker ạ
@fontzin
@fontzin Ай бұрын
Lợi hại quá, cảm ơn bạn.
@khanhduy3364
@khanhduy3364 Ай бұрын
a ơi, a có thể làm luôn cái ssl và cấu hình tên miền (phần tiếp theo sau video này) để e học hỏi được không ạ
@MrPkmonster
@MrPkmonster Ай бұрын
Dạ quá hay anh ạ. Tuy nhiên em thấy là trên con VPS thường giới hạn dung lượng ổ cứng. Cho nên có cách nào tối ưu phần dung lượng không ạ ? Tại vì npm install sẽ tạo folder node_modules mà thường khá là nặng.
@F97Official
@F97Official Ай бұрын
Cảm ơn anh đã chia sẻ kiến thức hữu ích này
@nvhmusic8316
@nvhmusic8316 Ай бұрын
mong anh làm đầy đủ từ a-z fullstack next node nginx ssl <3
@cuongv4846
@cuongv4846 Ай бұрын
Ứng dụng bao hàm toàn những kĩ thuật hay, mới nghe giới thiệu đã thấy tuyệt vời. Thank HoleTex
@cuongv4846
@cuongv4846 Ай бұрын
Mình là người mới học react và tìm hàng chục kênh nhưng dừng ở kênh này. Kênh của bạn quá tuyệt vời, giảng giải chi tiết, dễ hiệu, giọng đọc tốt. Cảm ơn đã chia sẻ tới cộng đồng. Mong bạn sẽ tiếp tục tạo ra được thêm nhiều video hữu ích như vậy. Thanks again.
@juhandvan
@juhandvan Ай бұрын
hay quá, lưu lại phát để tối về làm thử. Cảm ơn sếp Tùng nhiều ạ
@huenguyenpichu
@huenguyenpichu Ай бұрын
quá hay luôn ạ, video chất lượng <3
@BravosNguyen
@BravosNguyen Ай бұрын
Chất lượng project là đủ