4. Hướng dẫn hiển thị Render List
12:34
Пікірлер
@tuannguyenthai
@tuannguyenthai Күн бұрын
❤❤❤ wow anh ra 3 video 1 hôm luôn
@Laptrinhlachuyennho
@Laptrinhlachuyennho Күн бұрын
Ráng làm xong đễ dạy cái mới. :)
@tuannguyenthai
@tuannguyenthai Күн бұрын
@tuannguyenthai
@tuannguyenthai Күн бұрын
điểm danh buổi học hôm nay ạ
@tuannguyenthai
@tuannguyenthai 2 күн бұрын
Điểm danh buổi học hôm nay, mong anh ra nhiều video hơn nữa
@phamcongtoan1399
@phamcongtoan1399 3 күн бұрын
E mới bắt đầu thì học list video nào trc z a
@Laptrinhlachuyennho
@Laptrinhlachuyennho 3 күн бұрын
Em cần có kiến thức căn bản về HTML/CSS và JavaScript trước rồi mới bắt đầu học được những video của anh. Còn trình tự học những video của anh thì em nên xem những list về JavaScript trước. Rồi tới React căn bản, rồi React context API và Hooks, rồi project GitHub, rồi Redux Toolkit. Em có thể lên w3school để học căn bản HTML, CSS và JavaScript. Vừa nhanh vừa dể hiểu cho người mới bắt đầu. Nhưng khi em đã ok rồi thì đừng học ở trang đó nữa. Vì trang đó chỉ dành cho người mới bắt đầu thôi
@phamcongtoan1399
@phamcongtoan1399 2 күн бұрын
@@Laptrinhlachuyennho e cảm ơn a
@tuannguyenthai
@tuannguyenthai 6 күн бұрын
điểm danh buổi học hôm nay.
@tuannguyenthai
@tuannguyenthai 9 күн бұрын
điểm danh buổi học hôm nay
@kl19968
@kl19968 9 күн бұрын
Video qua hay qua hap dan
@Laptrinhlachuyennho
@Laptrinhlachuyennho 9 күн бұрын
cám ơn em đã ủng hộ kênh!
@kl19968
@kl19968 13 күн бұрын
thay day rat de hieu
@tuannguyenthai
@tuannguyenthai 13 күн бұрын
Điểm danh buổi học hôm nay ạ ❤❤❤
@tuannguyenthai
@tuannguyenthai 13 күн бұрын
Điểm danh buổi học hôm nay ạ.
@kl19968
@kl19968 13 күн бұрын
cong vien sai gon xin chao rat de hieu
@kl19968
@kl19968 13 күн бұрын
giang vien rat co tam de hieu cong vien sai gon mai dinh
@DuyPham-mi6cg
@DuyPham-mi6cg 20 күн бұрын
em xem video rồi nhưng vẫn chưa hiểu rõ về redux toolkit này, e có xem lại redux core thì có những method store.subscribe, createStore,... nhưng e ko thấy trong video này ạ?
@Laptrinhlachuyennho
@Laptrinhlachuyennho 20 күн бұрын
Anh có nói rõ trong video đó. Cái đó là Redux cũ. Bây giờ họ đã chuyển sang chế độ legacy rồi. Vì cách sử dụng nó quá rườm rà, có nhiều boilerplate và code lập lại. Redux toolkit ra đời để thay thế và đơn giản hóa quá trình sử dụng Redux. Từ giờ trở đi thì em chỉ cần học Redux Toolkit thôi. Em thấy có bây nhiêu code thôi mà thay thế Redux hồi xưa rồi đó. Bây giờ người ta chỉ sử dụng Redux Toolkit thôi
@manhtran5537
@manhtran5537 21 күн бұрын
hay quá mong kênh ah phát triển
@Laptrinhlachuyennho
@Laptrinhlachuyennho 21 күн бұрын
Cám ơn em ❤️
@sdawdwadaufyuaiudi2148
@sdawdwadaufyuaiudi2148 21 күн бұрын
like
@tuannguyenthai
@tuannguyenthai 21 күн бұрын
❤❤❤ Điểm danh buổi học hôm nay
@tuannguyenthai
@tuannguyenthai 22 күн бұрын
Anh ơi hình như trên trang chủ react khuyên nên dùng Next đúng không anh tại không còn thấy lệnh tải React nữa
@Laptrinhlachuyennho
@Laptrinhlachuyennho 22 күн бұрын
Đúng rồi em, họ khuyên dùng Next JS vì khi đó ứng dụng sẽ hiệu quả hơn. Next JS làm việc vừa CSR và SSR trong khi React chỉ CSR, nó đòi hỏi ứng dụng phải tải toàn bộ webpack về phía client để cặp nhật và hiển thị UI. Xu hướng tương lai sẽ là Next JS với TypeScript
@tuannguyenthai
@tuannguyenthai 22 күн бұрын
@@Laptrinhlachuyennho dạ, kiến thức react đem qua next vẫn dùng được đúng không anh
@Laptrinhlachuyennho
@Laptrinhlachuyennho 22 күн бұрын
Đúng rồi em. Vì Next JS là React framework mà. Có thể nói mình có sử dụng được 80% kiến thức từ React và chỉ học thêm 20% cái mới thôi. Nên cứ yên tâm học tốt React
@monster1823
@monster1823 23 күн бұрын
Hay quá anh ơi❤❤❤. Góp ý nhỏ thôi nha anh nói chậm lại chút cho rõ ko cần nhanh quá đâu a
@Laptrinhlachuyennho
@Laptrinhlachuyennho 23 күн бұрын
Cám ơn em đã góp ý. Anh sợ làm video dài quá anh em buồn ngủ 😂
@tuannguyenthai
@tuannguyenthai 22 күн бұрын
@@Laptrinhlachuyennho Bản thân em thích xem video dài hơn, cung cấp nhiều nội dung thông tin kiến thức hơn. Em cũng ít dùng tiktok với reels của facebook hoặc youtube short để tránh bị giảm attention span
@tuannguyenthai
@tuannguyenthai 23 күн бұрын
Em đợi mãi, 😢😢😢 tưởng anh đã ngưng việc chia sẽ. Em điểm danh buổi học hôm nay ạ. Mãi ủng hộ anh <3
@DuyPham-mi6cg
@DuyPham-mi6cg 27 күн бұрын
Sắp tới anh ra thêm series về backend hay gì vậy anh? Em xem hết video rồi
@Laptrinhlachuyennho
@Laptrinhlachuyennho 27 күн бұрын
A định làm redux tool kit, sau đó tiếp tục làm project về react và redux, rồi Typescript và Next JS…Em nhớ đón xem
@DuyPham-mi6cg
@DuyPham-mi6cg Ай бұрын
em sử dụng defaultProps thì trong console hiện warning này: react-dom.development.js:86 Warning: NavBar: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead. em hỏi AI thì sẽ không sử dụng defaultProps trong react function trong tương lai nữa mà sẽ gán mặc định trong props như này đúng không anh? const NavBar = ({ title="Github Users Search App", icon }) => { return ( <nav className="navbar bg-primary"> <h1> <i className={icon} /> &nbsp;{title} </h1> </nav> ); };
@Laptrinhlachuyennho
@Laptrinhlachuyennho 29 күн бұрын
Trong tương lai React có nhiều thay đổi. defaultProps có thể sẽ không còn support. Nó cũng là optional thôi để giúp code React dùng JS thêm robust. Xu hướng sẽ dùng TypeScript để thay thế. Nếu em xem đến video cuối cùng thì toàn bộ phần props anh thay bằng Context API
@tuannguyenthai
@tuannguyenthai Ай бұрын
Hello anh, hôm nay em lại điểm danh buổi học ạ. Hôm nào anh thử livestream đi anh
@Laptrinhlachuyennho
@Laptrinhlachuyennho Ай бұрын
Anh mới đầu từ phần âm thanh. Từ video này trở đi âm thanh ngon lành luôn. Anh chưa nghĩ đến việc livestreamv, với lại kênh subs còn khiêm tốn quá.
@tuannguyenthai
@tuannguyenthai Ай бұрын
@@Laptrinhlachuyennho dạ. chúc anh nhiếu sức khỏe
@tuannguyenthai
@tuannguyenthai Ай бұрын
Điểm danh buổi học hôm nay ạ. Mong anh ra thêm nhiều video hơn nữa để chia sẽ kiến thức ạ
@tuannguyenthai
@tuannguyenthai Ай бұрын
điểm danh buổi học hôm nay
@DuyPham-mi6cg
@DuyPham-mi6cg Ай бұрын
Em đang làm project react typescript tailwindcss mà hiện gặp nhiều lỗi về kiểu event react. mong a ra thêm series về typescript react ạ. cám ơn anh nhiều
@tuannguyenthai
@tuannguyenthai Ай бұрын
anh làm thêm redux đi anh
@Laptrinhlachuyennho
@Laptrinhlachuyennho Ай бұрын
những project kế tiếp sẽ có. Anh làm projects đi từ dể đến khó để anh em dể theo dỏi. Nếu hiểu về phần Context API và useReducer thì Redux sẽ hiểu dể dàng. Nguyên lý nó giống nhau.
@tuannguyenthai
@tuannguyenthai Ай бұрын
Điểm danh buổi học hôm nay ạ
@tuannguyenthai
@tuannguyenthai Ай бұрын
xem đầu tiên, điểm danh buổi học hôm nay
@tuannguyenthai
@tuannguyenthai Ай бұрын
điểm danh buổi học hôm nau
@DuyPham-mi6cg
@DuyPham-mi6cg Ай бұрын
em mới học xong khóa thuật toán của anh. Định hướng của em cũng muốn trở thành một lập trình web và hiện em đang làm ở tphcm. tiếng anh của e thì chỉ đọc hiểu nên chắc em sẽ đi học ở trung tâm thêm để có thể nâng cao tiếng anh. Anh cho e hỏi là đi ra nước ngoài cụ thể là Canada thì cần những gì ạ. em cám ơn.
@Laptrinhlachuyennho
@Laptrinhlachuyennho Ай бұрын
Sang Canada thì có nhiều dạng Visa. Một số người đi dạng Skill worker (công nhân có tay nghề), một số đi dạng du học. Tùy hoàn cảnh mỗi người mà mình chọn Visa cho phù hợp. Còn một dạng như kiểu em tìm một công việc ở Canada, bên đây người ta nhận em và họ đồng ý giúp em phần giấy tờ để em có thể sang đây làm hoặc làm remote thì anh thấy rất ít và rất hiếm gặp. Còn về điều em hỏi là cần những gì thì 2 thứ quan trọng nhất vẫn là kiến thức chuyên môn và tiếng anh. Em có thể vào trang này: www.canada.ca/en.html để tìm hiểu thêm nhé. Đó là trang chính thức về việc làm, định cư, visa của chính phủ Canada. Tất cả các thông dù ở bất cứ trang web nào cũng lấy từ nó. Em có thể tham khảo thêm từ trang đó. Chúc em may mắn nhé!
@Laptrinhlachuyennho
@Laptrinhlachuyennho Ай бұрын
Video chất lượng âm thanh không được tốt. Mong các bạn thông cảm.
@tuannguyenthai
@tuannguyenthai Ай бұрын
Điểm danh buổi học hôm nay
@tuannguyenthai
@tuannguyenthai Ай бұрын
Điểm danh cho buổi học hôm nay. 2 tuần vừa rồi em tham gia tập huấn nên không xem được thấy anh ra nhiều video mới và chất lượng quá
@Laptrinhlachuyennho
@Laptrinhlachuyennho Ай бұрын
Sắp tới chỉ tập trung vào làm project thôi. Giờ tới phần thực hành, phần React cơ bản xem như đã xong.
@nghiabasil
@nghiabasil Ай бұрын
Mọi người thường khuyên học thuật toán thì nên code ngôn ngữ C hoặc Java, mà kiến thức C và Java em đã quên rồi. Vậy thì học thuật toán bằng ngôn ngữ JavaScript thì ổn ko anh. Mong anh góp ý ạ
@Laptrinhlachuyennho
@Laptrinhlachuyennho Ай бұрын
Thật ra học thuật toán thì không phụ thuộc vào ngôn ngữ lập trình, em có thể dùng Javascript hay Python học vẫn được. Vì nếu đi về hướng web front end chẳn hạn thì đâu cần học C hay Java đâu em. Nhiều sách còn hướng dẩn thuật toán bằng pseudo code nữa kìa. Học thuật toán chủ yếu là rèn luyện tư duy lập trình chứ không phải học ngôn ngữ lập trình. Hai thứ đó khác nhau. Còn em sợ khi phỏng vấn về thuật toán họ bắt viết C hay Java. Theo kinh nghiệm của anh thì họ cho em viết chương trình dùng bất cứ ngôn ngữ nào em quen thuộc. Nếu em đi về hướng web thì không ai bắt em viết bằng C cả nên em khỏi lo nhé!
@user-cf6sg1ib9c
@user-cf6sg1ib9c 2 ай бұрын
Video hay và bổ ích. Mong anh ra thêm video về React, Typescript và Next JS. Cám ơn anh nhiều!
@user-cf6sg1ib9c
@user-cf6sg1ib9c 2 ай бұрын
Hay quá anh. Mong anh ra nhiều dự án về React. 🥰
@Laptrinhlachuyennho
@Laptrinhlachuyennho 2 ай бұрын
cám ơn em đã ủng hộ kênh!
@tuannguyenthai
@tuannguyenthai 2 ай бұрын
điểm danh ạ
@user-cf6sg1ib9c
@user-cf6sg1ib9c 2 ай бұрын
Video hay quá anh ơi! 🥰
@tuannguyenthai
@tuannguyenthai 2 ай бұрын
Điểm danh buổi học hôm nay
@user-cf6sg1ib9c
@user-cf6sg1ib9c 2 ай бұрын
Video thật bổ ích. Mong anh ra nhiều video nữa ạ
@tuannguyenthai
@tuannguyenthai 2 ай бұрын
Điểm danh buổi học hôm nay
@user-cf6sg1ib9c
@user-cf6sg1ib9c 2 ай бұрын
Cám ơn anh đã chia sẻ. Anh cho em hỏi vậy useMemo giống useEffect phải không?
@Laptrinhlachuyennho
@Laptrinhlachuyennho 2 ай бұрын
Cách sử dụng, cú pháp (syntax) useMemo và useEffect giống nhau như chúng nhận anonymous func và dependencies làm tham số và chỉ thực thi khi dependencies thay đổi. Nhưng công dụng của chúng khác nhau. useMemo lưu trử giá trị trả về của hàm vào bộ nhớ để giúp tăng performance của ứng dụng. Còn useEffect thì dùng fetch API, lưu localStorage...
@tuannguyenthai
@tuannguyenthai 2 ай бұрын
❤❤❤
@tuannguyenthai
@tuannguyenthai 2 ай бұрын
Video dễ hiểu anh ạ
@user-cf6sg1ib9c
@user-cf6sg1ib9c 2 ай бұрын
Ra thêm video nữa đi anh ơi. Những video của anh hướng dẩn rất bổ ích!
@tuannguyenthai
@tuannguyenthai 2 ай бұрын
Tiếp tục làm thêm đi anh 😢😢😢
@Laptrinhlachuyennho
@Laptrinhlachuyennho 2 ай бұрын
Làm video thấy ít người xem quá. Mất động lực làm luôn. 😮‍💨
@tuannguyenthai
@tuannguyenthai 2 ай бұрын
@@Laptrinhlachuyennho :(( em nghĩ là mang tinh thần chia sẻ là nhiều, còn đề xuất của youtube nữa chắc từ từ cũng lên anh
@Laptrinhlachuyennho
@Laptrinhlachuyennho 2 ай бұрын
@@tuannguyenthai Sắp tới không biết làm TypeScript hay làm project thực chiến React đây. Anh định thật nhiều project React rồi mới học TypeScript, Next JS. Đang chuẩn bị bài giảng cho anh em!
@tuannguyenthai
@tuannguyenthai 2 ай бұрын
@@Laptrinhlachuyennho Dạ theo em thì mình học thực chiến luôn anh, học trong quá trình làm dự án luôn sẽ hiệu quả hơn đó anh. Giống seri này nè anh mình kết hợp TypeScript với React làm dự án luôn
@tuannguyenthai
@tuannguyenthai 2 ай бұрын
Anh cung cấp kiến thức dễ hiểu lắm ạ 🥰🥰🥰
@tuannguyenthai
@tuannguyenthai 2 ай бұрын
Cái cách mà anh đang dùng addBook là anh viết gọn lại đúng không ạ. Bình thường sẽ là const addBook = (title, author) => { setBooks((prevBooks) => [ ...prevBooks, { title, author, id: uuidv4() } ]); } của anh là const addBook = (title, author) => { setBooks([...books, {title: title, author: author, id: uuidv4}) }
@tuannguyenthai
@tuannguyenthai 2 ай бұрын
🎉🎉🎉