Bộ công cụ thư viện thực hành React một miếng - Zustand, Tanstack Query, TailwindCSS

Nâng cấp ứng dụng React của bạn với Zustand, Tanstack Query và Tailwind CSS! Chúng tôi sẽ hướng dẫn bạn các khái niệm cốt lõi và cách sử dụng các công cụ đa dạng để bạn có thể tự tin chinh phục cả những dự án phức tạp.

49 học viên đang tham gia khóa học này

Độ khó Cơ bản

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

React
React
Web Application
Web Application
TailwindCSS
TailwindCSS
react-query
react-query
zustand
zustand
React
React
Web Application
Web Application
TailwindCSS
TailwindCSS
react-query
react-query
zustand
zustand

Bạn sẽ nhận được điều này sau khi học.

  • Tự tin để thử thách với những dự án React.js phức tạp hơn

  • Phương pháp quản lý trạng thái toàn cục hiệu quả bằng Zustand

  • Cách quản lý trạng thái server hiệu quả bằng Tanstack Query (với việc sử dụng bộ nhớ đệm)

  • Cách tạo kiểu nhanh chóng và tiện lợi bằng Tailwind CSS và Shadcn/ui

Khóa học này có nội dung giống với phần đầu của khóa học "Dự án thực tế cắt nhỏ vừa miệng - Phần SNS". Những ai đã học khóa học đó xin lưu ý rằng nội dung có thể bị trùng lặp.


Giới thiệu các công cụ giúp ứng dụng React mạnh mẽ hơn

Zustand + Tanstack Query + TailwindCSS

Để xử lý tốt các chức năng phức tạp, các công cụ của chúng ta cũng cần phải được nâng cấp cùng lúc.

Trong khóa học này, chúng tôi sẽ hướng dẫn các khái niệm cốt lõi và cách sử dụng các công cụ được liệt kê dưới đây một cách thú vị hơn bất kỳ ai khác.

Tailwind CSS


  • Công cụ giúp việc tạo kiểu CSS trở nên thuận tiện hơn

  • Không cần tệp CSS riêng biệt để tạo kiểu dáng (styling)

  • https://tailwindcss.com/


Shadcn/ui


  • Thư viện thiết kế dựa trên Tailwind CSS

  • Cung cấp các thành phần chất lượng cao (ví dụ: Input, Button, Dialog, v.v.)

  • https://ui.shadcn.com/

Zustand


  • Thư viện quản lý trạng thái toàn cục nhỏ và nhẹ

  • Thế lực mới đang dần thay thế Redux truyền thống

  • https://zustand-demo.pmnd.rs/

Tanstack Query


  • Thư viện quản lý trạng thái server

  • Hỗ trợ xử lý trạng thái loading và lỗi khi fetch dữ liệu bất đồng bộ


  • https://tanstack.com/query/latest


Trăm nghe không bằng một thấy 🖌️

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

Trăm nghe không bằng một thấy, có nghĩa là nghe trăm lần không bằng một lần nhìn thấy.

Để bạn có thể dễ dàng nắm bắt ngay cả những khái niệm phức tạp, chúng tôi cung cấp các tài liệu hình ảnh hoạt họa trực quan.


Tôi cũng đã chuẩn bị sẵn ghi chú ôn tập rồi!

Chỉ dành cho học viên! Cung cấp sổ tay

Cung cấp sổ tay hướng dẫn dành riêng cho học viên, tóm tắt các nội dung cốt lõi của bài giảng.

Bạn có thể kiểm tra liên kết sổ tay và mật khẩu ngay sau khi mua khóa học.

Chúng tôi cũng đã chuẩn bị cả bản PDF! 📝

Dành cho những ai muốn xem sổ tay bài giảng dưới dạng tệp PDF thay vì trang web,

Chúng tôi đã chuẩn bị sẵn tệp PDF với tổng cộng 2 chủ đề.

Giao diện sáng (Light Theme)

Giao diện tối (Dark Theme)

Bạn muốn thực hiện cả dự án nữa đúng không?!

Chúng tôi xin gửi tặng bạn mã giảm giá cho khóa học Dự án thực tế một miếng - Phần SNS.

Dành cho những học viên muốn trải nghiệm cả dự án thực tế

Chúng tôi xin gửi tặng mã giảm giá cho khóa học Dự án thực chiến One Bite - SNS, nơi bạn sẽ thực hiện một dự án thực tế bao gồm cả nội dung của bài giảng này.

📣 Số tiền giảm giá của mã giảm giá bằng với giá của bài giảng này (Có thể kiểm tra mã giảm giá khi mua bài giảng)

Hướng dẫn về đối tượng học viên của khóa học

Khóa học này được thiết kế dành cho những người đã có kiến thức cơ bản về React.js và TypeScript

Nếu bạn chưa quen thuộc với các công nghệ trên, tôi khuyên bạn nên tham gia các khóa học tiên quyết dưới đây trước.

5 nguyên tắc của series "Một miếng"

⚖ Nguyên tắc 1. Tài liệu hình ảnh trực quan và phong phú

Giống như việc cùng một món ăn nhưng nếu trông đẹp mắt thì sẽ cảm thấy ngon miệng hơn,
tôi tin rằng dù là cùng một lời giải thích về khái niệm, nhưng nếu có các tài liệu hình ảnh trực quan và hấp dẫn hơn thì sẽ dễ hiểu hơn.

Vì vậy, tôi đã nỗ lực không ngừng để tạo ra các tài liệu trực quan sinh động, bao gồm cả hiệu ứng hoạt họa.

⚖ Nguyên tắc 2. Sự tận tâm

Khi các thuật ngữ hoặc khái niệm mới xuất hiện, tôi không giải thích qua loa rồi bỏ qua, cũng không vội vàng phán đoán rằng các bạn đã biết rồi. Tôi đã nỗ lực hết sức để các bạn không phải mất công tìm kiếm thêm trên Google trong quá trình nghe giảng.

⚖ Nguyên tắc 3. Tính hợp lý

Để duy trì sự hứng thú của các học viên, tôi luôn xây dựng bài giảng dựa trên tính mạch lạc, luôn cân nhắc xem liệu nội dung mới xuất hiện có liên kết với nội dung trước đó hay không, và liệu các bạn có cảm thấy mạch truyện bị ngắt quãng đột ngột hay không.

⚖ Nguyên tắc 4. Phát âm và nhả chữ tốt

Vì bạn phải nghe giọng của tôi trong một thời gian dài, tôi luôn nỗ lực để có được phát âm và giọng đọc tốt.
Vì lý do này, tôi đã sản xuất bài giảng sao cho bạn vẫn có thể hiểu hết mọi nội dung ngay cả khi phát với tốc độ gấp 2 lần.

Hãy nghe thử xem! Link phát tốc độ 2x

⚖ Nguyên tắc 5. Giao tiếp

Tập hợp tại cộng đồng dành riêng cho học viên để cùng nhau chia sẻ kiến thức, tin tức và trưởng thành.

Giới thiệu người chia sẻ kiến thức


Lee Jung-hwan | Winterlood

Nhà phát triển Frontend & Nhà giáo dục, người luôn tin rằng có cách để giải thích mọi thứ một cách dễ dàng và thú vị

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Chào các bạn học viên của series "Một miếng" (Những người đã hoàn thành khóa học React.js + TypeScript)

  • Những người đã có kiến thức về React.js và TypeScript

  • Những ai muốn thoát khỏi cấp độ hướng dẫn (tutorial) và muốn thử sức với các dự án thực tế.

  • Những người đang tìm kiếm khóa học có giải đáp thắc mắc diễn ra ít nhất mỗi ngày một lần từ thứ Hai đến thứ Sáu.

  • Những người đang tìm kiếm bài giảng có cộng đồng học viên hoạt động sôi nổi do chính người chia sẻ kiến thức trực tiếp vận hành.

Cần biết trước khi bắt đầu?

  • Cơ bản về React.js (Trình độ dành cho người học khóa học React một miếng)

  • Cơ bản về TypeScript (Trình độ dành cho người học khóa học TypeScript một ngụm)

Xin chào
Đây là winterlood

38,463

Học viên

2,874

Đánh giá

1,656

Trả lời

4.9

Xếp hạng

20

Các khóa học

Cùng thưởng thức Web Front-end với kích thước vừa miệng nhé?!

Xin chào 🙇‍♂

Tôi là người tin rằng luôn có cách để giải thích mọi thứ một cách dễ hiểu và thú vị, đồng thời cũng là một người

Tôi là người mong muốn tạo ra một cộng đồng nhà phát triển ấm áp nhất trên thế giới.

 

Thêm

Đồng giảng viên

Chương trình giảng dạy

Tất cả

44 bài giảng ∙ (8giờ 51phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

Khóa học khác của winterlood

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

Ưu đãi có thời hạn

12.870 ₫

35%

416.925 ₫