#2 Hook/Context vs Class/Redux - Lựa Chọn Công Nghệ Sử Dụng Với React | React Cơ Bản Cho Beginners

Dùng gì, sử dụng gì với React để không bị lỗi thời. Người ta dạy Hook, rồi mình học Hook, và mình đi làm thì học lại Class, vì nó không dùng Hook. Câu chuyện nghe có vẻ buồn cười tuy nhiên lại thật. Hook là number 1, là nhất, là tất cả.
Trong video này, chúng ta sẽ đi phân tích câu chuyện so sánh Class và Hook, cũng như là cái Context API, một trong những tính năng mới của React. Liệu chúng ta nên dùng công nghệ nào trong các công nghệ trên ?
Chi tiết và cụ thể, các bạn cùng theo dõi video này nhé ❤
-----
🌹Bạn nào muốn donate hay mua cho mình cốc cà phê, cái pizza hay chỉ là gói mì tôm hảo hảo, để có thêm động lực làm nhiều video chất lượng, thì các bạn có thể liên hệ qua: 🤩🤩🤩
1. Patreon của mình : / haryphamdev
2. Fanpage Facebook Tiếng Việt: / askitwitheric
3. Fanpage Facebook Tiếng Anh: / haryphamdev
😁Mình có 1 channel khác (Tiếng Anh, tên là haryphamdev), nên là có 2 Fanpage Facebook: Link channel Tiếng Anh: / @askitwitheric
-----
🚀 Khóa học Free FullStack SERN (SQL, Express, React, Node.js): • Bài N5: Demo Sản Phẩm ...
🎁 Tài liệu tham khảo sử dụng trong video:
👉 Nội dung khóa học: docs.google.com/document/d/1a...
👉 Xem full khóa học này tại đây: • #1 Why React ? React C...
👉 Team Facebook Giới Thiệu Về Hook:
• React Today and Tomorr...
👉 So sánh Context API và Redux:
blog.isquaredsoftware.com/202...
• Mark Erikson - The Sta...
----------------------------------- IMPORTANT ----------------------------
🚀 Learn by doing : Hiện tại, mình đang làm 1 series miễn phí, học và thực hành để trở thành 1 fullstack web developer từ A đến Z. Và để thực hiện được mục tiêu này, khóa học này chính là thứ rất cần thiết dành cho các bạn beginners - React Basic. (React cơ bản từ A đến Z)
1️⃣ Các bạn nhận được gì khi kết thúc khóa học?
✔ Các bạn có thể làm chủ công nghệ, cũng như học được, biết được những kiến thức thực tế được sử dụng với thư viện, framework React.JS (công nghệ được sử dụng bởi Facebook và Instagram).
✔ Các bạn hiểu được React có thể làm những gì, chú trọng vào những kiến thức cơ bản nhưng cốt lõi nhất.
Phương châm của mình luôn là "chỉ nên học những cái mà các công ty cần", không nên học tràn lan, tỏ ra ta đây cái gì cũng biết, cơ mà bản chất lại không biết (hiểu) gì.
Các bạn nên nhớ rằng, đối với những người mới bắt đầu, nên đi chậm nhưng mà chắc, không cần code siêu, chỉ cần biết cách 'google search' là được.
2️⃣ Nội dung khóa học ?
✔Mình dự định sẽ làm 1 series hướng dẫn full từ A đến Z những kiến thức căn bản(cốt lõi) của React cho những bạn chưa biết gì, những người mới bắt đầu dấn thân vào học thư viện (Framework) React này.
✔Khóa này chính là bước đệm để các bạn có thể chuẩn bị một công cụ cũng như kiến thức cần thiết, từ đó có thể làm những cái to tát hơn, như làm game, app và website thực tế.
3️⃣ Công nghệ sử dụng ?
✔ HTML, CSS và Javascript.
✔ React Framework
4️⃣ Lịch trình ra video ?
Hiện tại, mình đang đi làm fulltime, vì vậy không thể dành 100% thời gian làm video khóa học này được. Tuy nhiên, mình luôn cố gắng để làm video đều đặn và thường xuyên, vì mình nhận được rất nhiều tin nhắn cũng như comment của các bạn, mong muốn được học khóa học này ❤
👉 Tối thiểu là 1 tuần sẽ có 2 video về khóa học, còn đôi khi mình có nhiều thời gian rảnh thì 1 tuần 7 cái luôn 😁
👉Các bạn muốn video ra nhanh thì đừng quên Đăng Ký Kênh, Like, Share và Comment bên dưới video để mình có thêm động lực làm video nha. Cảm ơn các bạn nhiều 💕💕💕
👉 Đây là video thứ tự #2 trong khóa học này
👉 Các videos này sẽ được cập nhật vào playlist -Tự Học React Cơ Bản Từ A đến Z Cho Người Mới Bắt Đầu với Hỏi Dân IT: • #1 Why React ? React C...
👉 Các bạn đăng ký kênh, bật thông báo để có thể nhận được những video từ series này một cách sớm nhất nhé ❤
----------------------------------- IMPORTANT ----------------------------
🧠 Nội dung video:
0:00 Giới thiệu
1:00 Lịch sử ra đời
2:45 Câu chuyện công nghệ
4:40 Độ phức tạp của Facebook
10:00 Chỉ một mình Hook
13:30 Redux vs React Context
🌎 Tìm mình tại đây:
1. Facebook Fanpage (Tiếng việt): / askitwitheric
2. Facebook Fanpage (Tiếng anh): / haryphamdev
3. Group trao đổi học tập Facebook: / hoidanit
4. Github: github.com/haryphamdev
5. KZread channel: / @hoidanit
6. Email: haryphamdev@gmail.com
ĐỪNG QUÊN NHẤN CHUÔNG 🔔 ĐỂ NHẬN CẬP NHẬT VIDEO MỚI NHẤT CŨNG NHƯ ► ĐĂNG KÝ KÊNH! ► bit.ly/31P4KhK
#KhoaHocReactJS #reactBasic #HoiDanIT

Пікірлер: 64

  • @hoidanit
    @hoidanit2 жыл бұрын

    🌹Bạn nào muốn donate hay mua cho mình cốc cà phê, cái pizza hay chỉ là gói mì tôm hảo hảo, dùng link này nhé: hoidanit.vn/donate 👉 Version 2 - Upgrade với React Hook(FREE), xem tại đây: kzread.info/head/PLncHg6Kn2JT7QbvdNNAmQZLqWchnJEoH5 Đây là video #2 trong series học và thực hành để nắm vững React căn bản. 👉Xem Full Playlist này tại đây: kzread.info/dash/bejne/X3t5mdqzoprAe8Y.html 👉 Cần giải đáp thắc mắc, cũng như hỗ trợ, tham gia group Facebook : facebook.com/groups/hoidanit 👉Các bạn đăng ký kênh, Like cũng như comment để mình có thêm động lực làm video nha. Cảm ơn mọi người ❤ 👉Chanel khác của mình (Tiếng anh): kzread.info/dron/HqJxLo7mKam9GKqqwr2wfA.html

  • @hoangan_nguyen
    @hoangan_nguyen2 жыл бұрын

    ủng hộ a , kiến thức của a rất bổ ích ạ

  • @TinhNguyen-ii9zy
    @TinhNguyen-ii9zy2 жыл бұрын

    bây giờ mới xem Videos của anh. rất là có giá trị, giải ảo cho em về cái Hook và cái Class. cám ơn a nhiều

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    lúc a dạy khóa fullstack, thấy nhiều bạn hỏi về hook... cơ mà đều thiếu tính thực tế (vì các bạn ấy chưa đi làm). ở đây, quan trọng mình hiểu react nó hoạt động ntn , chứ ko phải là dùng hook hay class. Nếu hook là số 1, thì khi đọc tài liệu react, e sẽ ko còn thấy nửa chữ về class :v

  • @lethitruc6794
    @lethitruc67942 жыл бұрын

    Channel a sắp nổi hơn F8 r đấy. Có thể về mặt popular, scale thì chưa bằng nhưng e thấy học ở đây tư duy lên tốt hơn nhiều ko chỉ chuyên môn mà còn hướng đi, cách nhìn nhận, vận động phát triển những thứ xung quanh (team, leader, options of langs/fr.works, salary, ...vv) liên quan đến nghề. E nghĩ a nên bắt đầu xây dựng 'đế chế' của riêng mình :)

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    hết tháng 7 này youtube sẽ ko cho hide subscribers nữa, thì a sẽ biết f8 có bao nhiêu subs. còn hiện tại, a đoán nó gấp 10 lần của a e nhé. còn về mặt popular, thì a đang đi theo hướng xây dựng thương hiệu rồi em, chỉ có điều là dạo gần đây a đang tập trung cho udemy thôi. cơ mà a chẳng bao giờ đi so sánh mình với các channel tiếng việt, nên là chẳng sao cả.haha

  • @ngovoxuantruong3439
    @ngovoxuantruong3439 Жыл бұрын

    Các series và những kiến thức anh chia sẻ thực tế và thật đầy đủ. Cảm ơn anh đóng góp kiến thức cho cộng đồng.

  • @hoidanit

    @hoidanit

    Жыл бұрын

    cảm ơn em.hehe

  • @buibui905
    @buibui9052 жыл бұрын

    Quá cuốn luôn anh ơi :3

  • @halevi5894
    @halevi58942 жыл бұрын

    Em rất thích mới bài so sánh như này ạ. Cảm ơn a

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    you're welcome

  • @mylo1997
    @mylo19972 жыл бұрын

    Videos chuyên sâu , cảm ơn bạn vì sự chia sẻ video bổ ích này . Mình sẽ xem hết seri này của bạn

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    ok. thanks banj

  • @thanhsonne
    @thanhsonne5 ай бұрын

    rất thích cách tư duy, tìm hiểu 1 vấn đề của anh ạ. Mong anh ra thêm nhiều video thật hữu ích!^^

  • @hoidanit

    @hoidanit

    5 ай бұрын

    thực chất về cách tư duy, bạn có thể tham khảo 2 khóa fulsltack (mình đã public full và hoàn toàn miễn phí) trên channel của mình nhé :v

  • @Don-kj5uy
    @Don-kj5uy2 жыл бұрын

    anh giải thích rất hay. chúc anh năm mới nhiều thành công

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    cảm ơn em nhiều nhé.hehe

  • @giabaonguyenhoang2721
    @giabaonguyenhoang27212 жыл бұрын

    ủng hộ a

  • @vunguyenhuy3688
    @vunguyenhuy3688 Жыл бұрын

    hay quá nghe thấm từ video đầu luôn em đầu tưởng hooks thần thánh học f8 h có anh khai sáng

  • @hoidanit

    @hoidanit

    Жыл бұрын

    sang season sau a dạy hook nhé. cơ mà nên biết cả 2 để phòng thân thôi em. yên tâm là a dạy cả 2 trên youtube e nhé

  • @duoctran9069
    @duoctran9069 Жыл бұрын

    thật là may mắn khi gặp anh , phải gán học theo lộ trình của anh để đi làm :>

  • @hoidanit

    @hoidanit

    Жыл бұрын

    học thôi em. biết nhiều thì đi làm nó đỡ bỡ ngỡ.haha

  • @halevi5894
    @halevi58942 жыл бұрын

    Hay quá ạ

  • @HoangYDaoNhan
    @HoangYDaoNhan2 жыл бұрын

    Cám ơn những chia sẽ thú vị ^^

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    you're welcome :v

  • @_LeNguyenTrungHieu-sp4nd
    @_LeNguyenTrungHieu-sp4nd2 жыл бұрын

    hay quá ạ

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    cảm ơn em :v

  • @nguyenvanchung3940
    @nguyenvanchung39402 жыл бұрын

    hay quá

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    cảm ơn bạn :v

  • @minhthien8651
    @minhthien86512 жыл бұрын

    Hồi còn sinh viên cô bảo giờ còn ai xài class component nữa vì những vấn đền của nó function component giải quyết được nhờ thg hook rồi ... Thật may mắn, là lúc đó không nghe lời cô :D nên mình làm bài trên lớp thì function component còn dự án của riêng mình thì code bằng class =)))))

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    điều quan trọng là tư duy thôi bạn. chứ với người đi làm thuê ko có sự lựa chọn đâu. nó bắt mình dùng gì thì phải dùng vậy thôi :v

  • @frontendwithwind
    @frontendwithwind2 жыл бұрын

    Anh dạy bánh cuốn quá

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    cảm ơn e.hehe

  • @TuanHoang-ik9nu
    @TuanHoang-ik9nu2 жыл бұрын

    Em chào anh, Anh cho em hỏi hiện tại em đang tự xây dựng một project từ đầu. Em có nên sử dụng function component + hook và redux không anh? Hay là sử dụng class + redux ạ? Trước em đã dùng class + redux, em chuyển sang func component + hook thấy code khá gọn. Em cảm ơn anh.

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    học cả 2 e nhé. nếu dùng hook thì e dùng với redux toolkit cho code ngắn, và quan trọng nhất là phải quan tâm đến hiệu năng của code (số lần render của component nhé)

  • @TuanHoang-ik9nu

    @TuanHoang-ik9nu

    2 жыл бұрын

    @@hoidanit em cảm ơn anh đã trả lời. Mấy hôm nay em cũng phân vân về context + hook thay cho redux. Xem xong video của anh em quyết dùng redux luôn ạ. Project tới em sẽ sử dụng function component + hook, redux. Chúc anh thật nhiều sức khoẻ.

  • @duchoang1074

    @duchoang1074

    2 жыл бұрын

    Mình thấy kể cả có học về hook thì redux > context.

  • @baohuytran1101
    @baohuytran11012 жыл бұрын

    túm lại class, hook, react context và redux là gì ạ?

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    class và hook là 2 cách viết component react context là cách tạo biến global với react redux là thư viện, giải quyết biến global một cách hiệu quả :v

  • @huyle2505
    @huyle25052 жыл бұрын

    Học xong class vs redux, có học sương sương về functional component. Thấy hơi hoang mang, may bắt gặp video này

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    ko phải lo đâu e. quan trọng là tư duy thôi e. cơ mà trong tương lai gần, channel của e sẽ dạy cả 2 loại e nhé

  • @AnLe-fc4gk
    @AnLe-fc4gk2 жыл бұрын

    may quá e tính học hooks nhưng thấy video này nên quay xe học class

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    học cả 2 nhé. cơ mà theo quan điểm của a, học class trước rồi học hook nó dễ. chứ học hook rồi mới học class nó khó hơn đấy. anyway, a dạy cả 2 e nhé. a đang ra khoá react hook rồi :v

  • @AnLe-fc4gk

    @AnLe-fc4gk

    2 жыл бұрын

    @@hoidanit class trong reactjs có tư duy hướng đội tượng ko vậy a

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    có e nhé

  • @leezunq9047
    @leezunq90472 жыл бұрын

    a ra khóa dậy ReactJs đi a

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    ??? khóa này ko dạy react.js thì là khóa nào thế e

  • @leezunq9047

    @leezunq9047

    2 жыл бұрын

    @@hoidanit Hi . tay nhhanh hơn não anh ạ :D

  • @bangunny
    @bangunny2 жыл бұрын

    Chỉ 1 mình hook Nói đúng tim đen luôn

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    đôi khi chúng ta phải biết linh động. như vậy, thì rơi vào nơi nào cũng sống được :v

  • @unforgivenyasuo9082
    @unforgivenyasuo908211 ай бұрын

    ông này nói giọng hay thật :v

  • @hoidanit

    @hoidanit

    11 ай бұрын

    kk

  • @Naru-Luf-Ani
    @Naru-Luf-Ani2 жыл бұрын

    chưa bik cái vẹo gì, a bảo học gì thì học nấy thôi hehe

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    à uh. vậy thì em cứ học theo thứ tự đi. ko thừa đâu.hehe

  • @truonghoanglong541
    @truonghoanglong5412 жыл бұрын

    6:57 Hook như là băng vệ sinh vậy =)))

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    biết dùng Hook là tốt, cơ mà nó ko phải là tất cả. khóa này a dìm Hook 1 tí. khóa về Hook lại đưa nó lên mây thôi.haha

  • @baotinluong7857

    @baotinluong7857

    2 жыл бұрын

    @@hoidanit dìm để các bạn bớt ảo tưởng, nhưng vào làm thì lại hook đúng k anh kkkkk

  • @baoantran6313
    @baoantran6313 Жыл бұрын

    6:53 joke of the year

  • @hoidanit

    @hoidanit

    Жыл бұрын

    hihi :v

  • @Coder991
    @Coder9912 жыл бұрын

    .

  • @hoidanit

    @hoidanit

    2 жыл бұрын

    hỏi :v

  • @thinho2685
    @thinho2685 Жыл бұрын

    nội dung ông nói rất hay nhưng làm video hướng dẫn công nghệ thì chém gió nó ít thôi. Hơn 1 tiếng đồng hồ nói liên ma liên miên rút cục lại ông nói trong 5' cũng đủ ý. Bảo sao ít người xem.

  • @hoidanit

    @hoidanit

    Жыл бұрын

    nó là series ngày xưa rồi bạn. có thể nó hợp với người ta, cơ mà với người khác nó không hợp. còn việc bạn nói ít người xem là không đúng nhé. dĩ nhiên, mình cảm ơn bạn vì đã góp ý, mặc dù nó khó chịu, cơ mà mình đã khắc phục rồi đấy. bạn muốn ngắn gọn, đầy đủ, có bài tập, có giáo án, thì udemy thẳng tiến haryphamdev.github.io/hoidanit-udemy/ dù sao cũng cảm ơn bạn lần 2, vì mình đã khắc phục nhược điểm trên.lol

  • @ooker777

    @ooker777

    6 ай бұрын

    Cũng tuỳ. Với người mới thì hiểu được bối cảnh và lịch sử cũng giúp mình hiểu hơn và nghe cũng hấp dẫn hơn

Келесі