inflearn logo

Dự án thực chiến React.js vừa miệng – Phần mạng xã hội (SNS)

Đã đến lúc thử sức với dự án thực tế 🔥 Cùng nhau xây dựng một SNS cấp độ thực tiễn bằng React.js + TypeScript + Supabase, đồng thời triển khai các tính năng như xác thực&phân quyền, cuộn vô hạn, tải ảnh lên, lượt thích, bình luận lồng nhau không giới hạn, chế độ tối, v.v. Trong quá trình này, chúng ta cũng sẽ tìm hiểu các kỹ thuật quản lý trạng thái máy chủ và trạng thái toàn cục bằng Zustand và Tanstack Query.

(5.0) 148 đánh giá

1,668 học viên

Độ khó Trung cấp trở lên

Thời gian Không giới hạn

React
React
TypeScript
TypeScript
react-query
react-query
supabase
supabase
zustand
zustand
React
React
TypeScript
TypeScript
react-query
react-query
supabase
supabase
zustand
zustand

Tin tức

12 bài viết

  • winterlood님의 프로필 이미지

    Xin chào các bạn học viên, tôi là Lee Jeong-hwan 😀

    Chân thành cảm ơn tất cả các bạn đã tham gia chương trình giảm giá Black Friday mùa hè diễn ra trong hai ngày qua!!


    Vì chương trình giảm giá Black Friday mùa hè kết thúc quá ngắn ngủi, dành cho những bạn đang tiếc nuối và những bạn vừa mới biết tin,
    chúng tôi quyết định tổ chức chương trình giảm giá encore cho toàn bộ các khóa học trong series Hanip đến ngày 31 tháng 8.


    Thông báo giảm giá encore 35%

    Để những người đã bỏ lỡ thời gian diễn ra sự kiện cũng có thể tham gia
    chúng tôi đã chuẩn bị phiếu giảm giá 35% cho đợt giảm giá encore 🍦

    Trang coupon giảm giá: https://link.onebitefe.com/r/3rn28s


    Với đợt giảm giá encore lần này, bạn cũng có thể đăng ký học với giá ưu đãi cho tất cả các khóa học trong series Học nhanh, từ khóa học vibe coding đến React, TypeScript, Next.js và cả các dự án thực tế
    .


    Thông báo các lưu ý

    Phiếu giảm giá 35% được áp dụng đến 23:59:59 ngày 31 tháng 8,
    và theo chính sách của Inflearn, phiếu đã được cấp phải được sử dụng trong vòng 24 giờ.


    Xin cảm ơn bạn.

    Trân trọng, Lee Jeong-hwan 🙇🏻‍♂️

    1
  • winterlood님의 프로필 이미지

    Xin chào các bạn học viên, tôi là Lee Jeong-hwan 😀

    Mọi người đang vượt qua mùa hè oi bức thật tốt chứ?

    Vì tất cả các bạn đã mệt mỏi vì nắng nóng, mình đã chuẩn bị một sự kiện giảm giá mát lạnh như kem 🍦


    Thông báo giảm giá Black Friday mùa hè mát lạnh hết cỡ

    Nhân dịp những ngày cuối tháng 8, chúng tôi tổ chức sự kiện giảm giá 50%
    cho toàn bộ khóa học trong series Hanip chỉ trong đúng 2 ngày.


    Trang giảm giá: https://link.onebitefe.com/r/7b2lxi


    Dành cho tất cả mọi người, từ những người mới bắt đầu học lập trình
    đến những ai muốn học bài bản React, TypeScript và Next.js
    bạn đều có thể tham gia các khóa học thuộc toàn bộ series Han-Ip với giá chỉ bằng một nửa.


    Lưu ý quan trọng

    Sự kiện giảm giá 50% chỉ diễn ra trong 2 ngày,
    và theo chính sách của Inflearn, bạn phải sử dụng phiếu giảm giá trong vòng 24 giờ kể từ khi được cấp.

    (*Rất khó để cấp lại phiếu giảm giá đã hết thời hạn sử dụng)

    0
  • winterlood님의 프로필 이미지

    Xin chào, tôi là Lee Jung-hwan.

    Đã lâu rồi tôi mới lại chào mọi người qua bản tin mới, mọi người vẫn đang vượt qua mùa hè nóng nực này tốt chứ ?!

    Tôi đang cố gắng cầm cự nhờ vào sức mạnh của dưa hấu đây 🍉 kkk


    Hôm nay mình viết bản tin này vì có một cuốn sách (khóa học) muốn giới thiệu đến các bạn!

    Thiết kế hệ thống Frontend: Frontend dưới dạng hệ thống phân tán là cuốn sách mà tôi muốn giới thiệu.

    Hiện tại khóa học đang được bán trên Inflearn và đang có chương trình giảm giá Early Bird 50%!

    https://inf.run/T6Hbj


    image.png

    Cuốn sách này đề cập đến những phần cần phải cân nhắc khi thiết kế dịch vụ với tư cách là một nhà phát triển frontend,

    Nội dung bao gồm các bước mở rộng dần dần từ những thành phần đơn giản cho đến tư duy hệ thống.

    Tôi thực sự muốn đề xuất cuốn sách này cho những ai từng trăn trở rằng "Liệu đây có phải là cấu trúc tối ưu nhất không?" khi quy mô dịch vụ ngày càng mở rộng!


    image.png

    Tác giả gốc của cuốn sách là ông Juntao Qiu, người từng là nhà phát triển tại Atlassian.

    Byte Freaks Studio (a.k.a Kill-9) đã biên dịch sang tiếng Hàn rất tốt và xuất bản thành sách.


    image.png

    Thật vinh dự khi tôi được trao cơ hội viết lời giới thiệu, và lời giới thiệu của tôi cũng đã được in trong cuốn sách đó 😀

    https://inf.run/T6Hbj


    PS. Có lẽ nào... bạn đang nghĩ đây là quảng cáo?! Hay là tôi nhận hoa hồng phải không nào...

    Đường link bài giảng đính kèm là link quảng bá của giảng viên Byte Freaks Studio(a.k.a Kill-9)!

    Đây không phải là link đối tác của tôi. Tôi không nhận được bất kỳ khoản lợi nhuận nào từ việc này đâu ạ 🥲

    Chỉ là vì trong đó có chứa đựng rất nhiều nội dung thực sự bổ ích mà các bạn nên đọc khi có thời gian, nên tôi rất muốn giới thiệu cho mọi người!


    Chúc bạn vượt qua mùa hè nóng nực này thật tốt nhé!

    Tôi luôn chân thành ủng hộ bạn.


    Cảm ơn bạn

    Trân trọng, Lee Jung-hwan

    0
  • winterlood님의 프로필 이미지

    구글폼배너.png.webp

    Xin chào các bạn học viên, mình là Lee Jung-hwan đây 😊

    Việc sản xuất bài giảng mới "한 입 크기로 잘라먹는 바이브코딩" đã hoàn tất và

    Dự kiến sẽ được ra mắt vào ngày 12 tháng 5 (thứ Ba).


    Hướng dẫn sự kiện đăng ký trước

    Hướng dẫn về quyền lợi sự kiện

    Tặng mã giảm giá 50% cho tất cả những người đăng ký

    Tặng phiếu giảm giá 100% cho 30 người may mắn thông qua bốc thăm

     

    Hướng dẫn lịch trình sự kiện

    Thời gian đăng ký: Đến hết nửa đêm thứ Hai ngày 11 tháng 05

    Thông báo người trúng thưởng và gửi coupon: Trong ngày thứ Ba, 12 tháng 05

     

    Cách đăng ký sự kiện

    Vui lòng đăng ký qua biểu mẫu Google bên dưới!

    https://link.onebitefe.com/r/fr4gd7


    Giới thiệu khóa học mới

    Video giới thiệu bài giảng :https://youtu.be/8aFULNwP5pg

    AI chỉ tuyệt vời bằng chính khả năng của bạn.

    image.png

    Dù sử dụng cùng một công cụ, nhưng chiều sâu của kết quả sẽ khác nhau tùy thuộc vào mức độ hiểu biết của người dùng.

    Bất kỳ ai cũng có thể yêu cầu AI "hãy tạo cho tôi", nhưng nếu không hiểu tại sao mã do AI lập trình lại hoạt động hoặc tại sao nó không hoạt động, thì cuối cùng bạn sẽ gặp bế tắc tại một thời điểm nào đó.

    Trong 6 tháng qua, tôi đã chuẩn bị một khóa học mới bao gồm cách sử dụng các công cụ AI và những kiến thức phát triển cốt lõi cần thiết cho Vibe Coding, giúp bạn có thể vượt qua "điểm tắc nghẽn" đó.

     

    Chỉ với những kiến thức phát triển cốt lõi tối thiểu
    được chia nhỏ vừa tầm tay

    image.png

     

    Bánh trông đẹp mắt,
    thì ăn cũng ngon

    시각자료어필-4.gif

    Để bạn có thể dễ dàng hệ thống lại ngay cả những khái niệm phức tạp,

    Đi kèm với các tài liệu hình ảnh minh họa bằng hoạt ảnh trực quan.

    Giải thích các khái niệm khó một cách dễ dàng thông qua các tài liệu hình ảnh chất lượng cao.


    Rất mong nhận được sự quan tâm của các bạn 🙂
    Luôn cảm ơn các bạn. Thân ái, Lee Jung-hwan.

    0
  • winterlood님의 프로필 이미지

    개정판서평단.png

    Chào mọi người, tôi là Lee Jung-hwan.

    "React ăn liền (Bản hiệu đính)" đã chính thức được xuất bản. 🙌

    Để kỷ niệm việc xuất bản, tôi sẽ tổ chức một sự kiện viết cảm nhận sách, rất mong nhận được sự quan tâm của mọi người.

    Tham gia nhanh sự kiện nhóm đánh giá sách : https://link.onebitefe.com/r/w51kyc


    Thông tin sự kiện

    Hãy là người đầu tiên đọc cuốn sách mới của tôi "Học React theo kích thước một miếng ăn (Bản sửa đổi)"

    Tôi đang tìm kiếm những bạn có thể viết đánh giá dù là cực kỳ ngắn gọn 👀

    Chúng tôi sẽ gửi sách qua đường bưu điện đến những người được chọn 📦


    Thông báo lịch trình sự kiện

    < Tuyển chọn >

    ︎ Số lượng tuyển: 10 người

    ︎ Lịch tuyển chọn: đến nửa đêm ngày 05.03 (Thứ Năm)

    ︎ Thời gian hoạt động: ~ 03.31 (Thứ Ba)

     

    < Xác nhận người được chọn >

    ︎ Gửi email thông báo cho người được chọn: Trong sáng 06.03 (Thứ Sáu)

    ︎ Xác nhận phản hồi của người được chọn: 03.06(Thứ 6) ~03.08(Chủ nhật)

    Chú ý!

    Đối với những người được chọn, vào thứ Sáu ngày 06.03

    Chúng tôi dự định sẽ hỏi họ tên, số điện thoại và địa chỉ của bạn (để phục vụ việc gửi chuyển phát nhanh)

    Nếu không phản hồi trong thời hạn xác nhận phản hồi của người được chọn ở trên, kết quả trúng thưởng có thể bị hủy.


    Hướng dẫn cách thức hoạt động

    Sau khi nhận và đọc sách xong,

    Hãy để lại đánh giá trên các không gian trực tuyến như blog, YouTube, SNS... cho đến hết nửa đêm ngày 31.03 (Thứ Ba)!

    Chú ý! Nếu bạn không để lại bài đánh giá sau khi nhận sách, bạn có thể bị hạn chế tham gia các sự kiện trong tương lai 🥲

    Link đăng ký: https://link.onebitefe.com/r/w51kyc


    Giới thiệu sách

    Để biết thêm chi tiết, vui lòng kiểm tra video YouTube và trang giới thiệu sách của Kyobo Books dưới đây.


    Cuối cùng, xin gửi lời cảm ơn đến tất cả sự yêu mến của mọi người đã giúp cuốn sách này có thể được xuất bản.

    Tôi xin chân thành gửi lời cảm ơn đến tất cả các bạn học viên của chúng ta!

    Tôi sẽ luôn nỗ lực hết mình. Xin cảm ơn!!

    0
  • winterlood님의 프로필 이미지

    image.png

    Chào mọi người, mình là Lee Jeong-hwan.

    Mọi người đã đón Tết vui vẻ chứ?

    Kỳ nghỉ Tết đã kết thúc rồi nhưng mà,,,

    Tôi đã hóa thân thành chim khách để mang quà đến cho các bạn đây 😂


    Thông báo sự kiện viết đánh giá khóa học dịp Tết

    • Tặng mã giảm giá 50% cho tất cả người tham gia (Chọn 1 trong các bài giảng series One Bite)

    • Tặng mã giảm giá 100% cho 30 người thông qua hình thức bốc thăm

    • Chỉ cần xác nhận đánh giá khóa học là hoàn tất tham gia! (Đánh giá đã viết trước đó cũng OK)

    • Tham gia: https://link.onebitefe.com/r/4qh6ef

       

    image.png

    Nhấp vào hình trên để chuyển đến YouTube nhé (mình không chèn trực tiếp vào được ..ㅠ)

    Nếu ngay cả cách đó cũng không được, vui lòng nhấp vào liên kết bên dưới.

    https://youtu.be/WE2QnI0T6Ts


    Rất mong nhận được sự tham gia nhiệt tình của mọi người.

    Luôn cảm ơn các bạn và chúc mừng năm mới!

    Thân ái, Lee Jung-hwan 🙇🏻‍♂️

    0
  • winterlood님의 프로필 이미지

    🏆 Vui lòng tham gia Khảo sát Hanip 2025

    • Tất cả những người tham gia khảo sát sẽ nhận được phiếu giảm giá 35% cho khóa học,

    • Chúng tôi sẽ cung cấp phiếu giảm giá 100% cho khóa học thông qua hình thức rút thăm may mắn

    image.png

    Xin chào, tôi là Lee Jeong-hwan

    Kỷ niệm cuối năm 2025, chúng tôi tiến hành khảo sát cuối năm của cộng đồng Hanip 🏆

    * Kết quả khảo sát sẽ được tổng hợp và chia sẻ trên cafe vào ngày 09 tháng 01 (Thứ Sáu)


    🔗 Link khảo sát: https://link.onebitefe.com/r/hgy83a

    Nếu link trên không hoạt động: https://forms.gle/CbQNV244TrXX7T4d8


    Những người đã hoàn thành khảo sát sẽ nhận được

    Chúng tôi cũng đã chuẩn bị một món quà rất đặc biệt 🎁

    Nếu link trên không hoạt động: https://forms.gle/CbQNV244TrXX7T4d8 Chúng tôi đã chuẩn bị một món quà rất đặc biệt cho những người hoàn thành khảo sát 🎁

    [ Hướng dẫn phần thưởng tham gia ]

    ‣ Rút thăm 30 người: Tặng coupon giảm giá 100% cho 1 khóa học bất kỳ (bao gồm khóa học mới, dự kiến ra mắt tháng 4~5 năm 26)

    ‣ Toàn bộ người tham gia : Tặng coupon giảm giá 35% cho 1 khóa học bất kỳ (bao gồm khóa học mới, dự kiến ra mắt tháng 4~5 năm 26)

    (Nếu chọn khóa học mới sẽ tặng coupon giảm giá 55%, cao hơn sự kiện đăng ký trước!)

    Tặng coupon giảm giá 35% cho 1 khóa học bạn chọn (bao gồm khóa học mới, dự kiến ra mắt tháng 4~5 năm 26) (Nếu chọn khóa học mới sẽ nhận coupon giảm giá 55%, cao hơn cả sự kiện đăng ký trước!)` tags. Based on the surrounding context provided, if you'd like me to translate those sections: **Before:** Receive a 35% discount coupon for 1 course of your choice (including new courses, scheduled to launch in April-May 2026) (If you choose a new course, receive a 55% discount coupon - higher than the pre-registration event!) **After:** [ Participation Guide ] ‣ How to participate: Submit survey results ‣ Participation period: Until midnight on Sunday, 01.04 from Wednesday, 12.31 ‣ Results announcement: During the afternoon of Monday, 01.05 [ New Course Information ] However, since there is no actual content within the `` tags to translate, there is nothing to output.

    [ Hướng dẫn cách tham gia ]

    ‣ Cách tham gia: Nộp kết quả khảo sát

    ‣ Thời gian tham gia: Từ 12.31(Thứ Tư) ~ đến 01.04(Chủ Nhật) nửa đêm

    ‣ Thông báo kết quả : Chiều ngày 05.01 (Thứ Hai)

    Tôi không thể dịch nội dung này vì phần cần dịch (giữa thẻ ``) trống rỗng. Vui lòng cung cấp văn bản tiếng Hàn cần dịch.` tags appears to be empty or contains only whitespace. If you'd like me to translate something, please provide the Korean text within the `` tags.` tags are empty - there is no Korean text provided between them to translate to Japanese. The surrounding context shows Korean text before and after, but the actual content to be translated is missing. Could you please provide the Korean text that needs to be translated?

    [ Thông báo khóa học mới ]

    ‣ Chủ đề vẫn chưa được xác định.

    ‣ Hiện tại đang cân nhắc các chủ đề về CS (mạng, cấu trúc dữ liệu, v.v...).

    ‣ Dự kiến ra mắt vào tháng 4~5 năm 26.

    [ Hướng dẫn về sách ] ‣ Chủ đề vẫn chưa được xác định. ‣ Hiện đang cân nhắc các chủ đề về CS (mạng, cấu trúc dữ liệu, v.v...). ‣ Dự kiến phát hành vào tháng 4~5 năm 2026.

    [ Hướng dẫn lưu ý ]

    ‣ Nếu nhập sai email, bạn có thể không nhận được thông báo trúng thưởng và phiếu giảm giá. Vui lòng kiểm tra kỹ

    ‣ Không thể tham gia trùng lặp. Mong các bạn thông cảm


    🔗 Link biểu mẫu khảo sát: https://link.onebitefe.com/r/hgy83a

    Nếu liên kết trên không hoạt động: https://forms.gle/CbQNV244TrXX7T4d8


    Kết quả khảo sát lần này sẽ được sử dụng làm tiêu chí để quyết định hướng sản xuất khóa học năm 2025.

    Phản hồi của các bạn sẽ được phản ánh vào khóa học thực tế.

    Luôn cảm ơn các bạn.

    - Lee Jeong-hwan kính gửi 🙇‍♂

    Khảo sát về hướng sản xuất khóa học năm 2025` tags are empty - there is no Korean text between them to translate. The surrounding context shows: - Before: Korean text about 2025 lecture production direction and survey responses - After: Korean text about survey results being shared by January 9th (Friday) However, since there is no content between the `` tags, there is nothing to translate. Could you please provide the Korean text you'd like me to translate?

    PS. Kết quả khảo sát sẽ được tổng hợp và chia sẻ trên cafe vào ngày 09 tháng 01 (Thứ Sáu)!

    0
  • winterlood님의 프로필 이미지

    image.png

    Kỷ niệm giải thưởng "Bestseller" tại Inflearn Awards 2025

    Giảm giá 50% khóa học TypeScript ăn từng miếng vừa miệng

    Xin chào mọi người, tôi là Lee Jung-hwan 😀

    Khóa học TypeScript ăn từng miếng vừa ăn

    Đã được chọn là "Best Seller" tại Inflearn Awards 2025!

    image.png

    - Nguồn: https://inf.run/NbuwA

    - Để bảo vệ quyền chân dung của các giảng viên đồng nhận giải, chúng tôi đã xử lý làm mờ hình ảnh

    Chân thành cảm ơn quý vị đã dành nhiều tình cảm trong suốt 1 năm qua.

    Để đáp lại tình cảm của các bạn, chúng tôi đã chuẩn bị sự kiện giảm giá lớn!


    Thông báo sự kiện

    Phát hành phiếu giảm giá 50% cho khóa học TypeScript ăn từng miếng nhỏ!

    (Giới hạn 500 người đầu tiên)

    Bạn có thể xem mã giảm giá tại thông báo của cafe bên dưới.

    https://link.onebitefe.com/r/45jc3w


    Lời cảm ơn

    Cảm ơn tất cả những tình yêu thương mà các bạn đã dành cho tôi để tôi có thể nhận được giải thưởng tuyệt vời này vào cuối năm

    Tôi muốn gửi lời cảm ơn chân thành đến tất cả học viên và độc giả.

    Nhờ có các bạn mà tôi đã có thể kết thúc năm nay một cách ấm áp.

    Trong thời điểm khó khăn này, chúng tôi sẽ không ngừng nỗ lực để mang đến cho các bạn nhiều tin tức tốt lành, những câu chuyện bổ ích và thú vị hơn nữa.

    Tôi sẽ giữ vững tâm thế ban đầu và cố gắng hết mình đến cùng. Thật sự rất cảm ơn.

    Tôi chân thành mong rằng cuối năm của các bạn sẽ ấm áp như tình yêu thương mà các bạn đã gửi đến.

    Tôi sẽ luôn ủng hộ và nỗ lực. Cảm ơn bạn.

    - Lời chúc từ Lee Jeong-hwan

    1

1.151.425 ₫