React (React.js) vừa miếng ăn: Từ cơ bản đến thực chiến

Tác phẩm thứ 3 trong series “Một miếng”! Đây là khóa học Next.js thân thiện và chi tiết nhất trên thế giới. Không chỉ App Router, chúng ta còn tìm hiểu cả Page Router thông qua các dự án.

Khóa học hoàn thiện React giúp bạn học các tính năng mới nhất của React 19 cùng với TypeScript! Từ cơ bản đến quản lý trạng thái (Context, Redux Toolkit, Zustand), giao tiếp API (Fetch, Axios), các Hook mới nhất (use, useActionState, useOptimistic, v.v.), và cả dự án thực tế, bạn có thể học từng bước một để tạo ra các ứng dụng React có thể áp dụng ngay vào công việc thực tế.

Đã đế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.

Thông qua bài giảng này, bạn sẽ có thể từng bước tạo một trang web Reddit từ đầu.

Bạn đã bao giờ suy nghĩ về việc tạo ra một "hệ thống thực thụ" thay vì chỉ đơn thuần là vẽ lên màn hình chưa? Có một vấn đề thực sự mà nhiều nhà phát triển thường xuyên gặp phải. Đó là giới hạn của "Full-stack giả tạo" – nơi mà vẻ ngoài trông có vẻ ổn nhưng dữ liệu lại thường xuyên bị lỗi đồng bộ, tốc độ chậm chạp và chỉ cần thêm một chút tính năng là không biết phải bắt đầu sửa từ đâu. Đây không phải là vấn đề có thể giải quyết bằng cách học thuộc lòng thêm một tính năng của Next.js. Khóa học này sẽ giúp bạn giải quyết sự bế tắc đó từ tận gốc rễ. Những bài học kiểu từ điển liệt kê tính năng thật nhàm chán đúng không? Thay vào đó, tôi đã kết hợp chặt chẽ giữa các nguyên lý cơ bản của Khoa học máy tính (CS) và kiến trúc chuyên sâu của Next.js. Tôi sẽ truyền tải trực tiếp vào đôi tay bạn khả năng thiết kế cấp độ doanh nghiệp (Enterprise) – giúp hệ thống vận hành linh hoạt ngay cả khi có hàng triệu lượt truy cập và duy trì tính nhất quán của dữ liệu một cách hoàn hảo.

Chúng tôi giải quyết triệt để vấn đề mất kiểm soát giữa các đoạn mã phân mảnh do AI tạo ra và hệ sinh thái React phức tạp bằng cách phân tích kỹ thuật nguyên lý hoạt động bên trong của các thư viện React cốt lõi như Zustand, TanStack Query, React Hook Form, Zod và React Compiler. Vượt xa việc chỉ sử dụng công cụ đơn thuần, bằng cách nắm vững cách trực tiếp điều khiển hiệu suất và luồng dữ liệu của React engine, bạn sẽ trang bị cho mình 'cơ bắp thiết kế kiến trúc doanh nghiệp' vững chắc, có khả năng ứng phó tức thì trong mọi tình huống khủng hoảng.

Ngay cả trong thời đại AI, nhà phát triển vẫn cần khả năng hiểu mã nguồn và hoàn thiện các dịch vụ thực tế. Hãy xây dựng năng lực phát triển web thực tiễn bằng cách tự mình triển khai mọi thứ, từ đăng nhập, quản lý dữ liệu, tải hình ảnh lên đến triển khai ứng dụng, sử dụng React và Firebase trên nền tảng kiến thức cơ bản về HTML/CSS/JavaScript.

Hãy bỏ qua những dịch vụ đơn giản có thể tạo ra bằng vibe coding trong 10 phút! Bạn có thể học vibe coding ứng dụng thực tế 'thật sự'. Hãy tạo ra dịch vụ tinh vi ở mức độ dịch vụ thực tế theo đúng kế hoạch và thiết kế bằng Cursor AI NCOP. No Code, Only Prompt

Đây là khóa học dành cho những người mới bắt đầu với TypeScript. Chương trình giảng dạy được thiết kế để ngay cả những người không biết cú pháp JavaScript hiện đại cũng có thể học một cách dễ dàng. Chúng ta sẽ cùng nhau học TypeScript - vốn có vẻ khó khăn - một cách dễ hiểu và thú vị từ góc độ người mới bắt đầu 😄

Mục tiêu là có được kiến ​​thức cơ bản về React Native để phát triển front-end ứng dụng di động. Khóa học này được thiết kế để giúp những người không phải là chuyên gia dễ dàng phát triển Ứng dụng di động gốc thông qua việc sử dụng ngôn ngữ/API với rào cản gia nhập thấp.

Đây là bài giảng về cách tạo dịch vụ bản đồ do nhà phát triển Corona Map hướng dẫn.

Thông qua bài giảng này, bạn có thể tạo một ứng dụng trò chuyện bằng React và Firebase.

Đây là khóa học đầu tiên trong khóa học Kinh thánh JavaScript gồm 4 phần. Chúng tôi mắc kẹt với những điều cơ bản. Chúng tôi tập trung vào việc tìm hiểu các nguyên tắc cơ bản của JavaScript. Bao gồm hơn 95% đặc tả JavaScript.

Khóa học này là khóa học thực hành dành cho những ai muốn học cách tối đa hóa năng suất phát triển trong kỷ nguyên AI. Vượt xa việc chỉ đơn thuần là sử dụng AI, khóa học tập trung vào cách vận dụng Claude Code trong môi trường phát triển thực tế và làm thế nào để tạo ra "kết quả đúng chuẩn". Nhiều nhà phát triển khi sử dụng AI đang gặp phải các vấn đề như: ❌ Kết quả không nhất quán ❌ Chất lượng mã nguồn bị giảm sút ❌ Dự án ngày càng trở nên phức tạp Để giải quyết những vấn đề này, khóa học sẽ hướng dẫn bạn cách sử dụng AI như một "đối tác phát triển" chứ không chỉ là một công cụ, thông qua: ✔ Quy trình làm việc dựa trên đặc tả (Spec-based workflow) ✔ Hệ thống câu lệnh có cấu trúc ✔ Chiến lược tự động hóa và Sub-agent Ngoài ra, bạn sẽ được trải nghiệm việc hoàn thiện và triển khai một ứng dụng từ đầu đến cuối bằng cách liên kết với các dịch vụ thực tế như Firebase, Figma, GitHub và Vercel.

Đây là khóa học cuối cùng trong khóa học Kinh thánh JavaScript, bao gồm 4 khóa học. Bao gồm hơn 95% đặc tả JavaScript. Đặc biệt, chúng tôi tiếp cận khái niệm tạo khung bằng cách chia giao tiếp không đồng bộ và quy trình không đồng bộ tổng thể thành 11 bước.

Bạn có thể học về giao tiếp giữa webcam và peer được triển khai bằng cách sử dụng WebRTC.

Đây là khóa học thực tế giúp bạn tự tay tạo ra một ứng dụng hẹn giờ bằng React, Electron, Zustand và triển khai nó trên đa nền tảng (Windows, macOS, Linux). Bắt đầu với việc phát triển web React quen thuộc, quản lý trạng thái toàn cục thông qua Zustand, và cho đến khi triển khai GUI cuối cùng, bạn có thể học được toàn bộ quy trình phát triển ứng dụng desktop!

Ngay cả khi các công nghệ hiện đại như React đã trở nên phổ biến, jQuery vẫn là công nghệ thường được sử dụng trong việc vận hành, bảo trì các website hiện có và trong lĩnh vực web publishing. Không chỉ đơn thuần làm theo những hiệu ứng bắt mắt, bạn sẽ hiểu nguyên lý hoạt động và kiến thức nền tảng của jQuery, đồng thời học từng bước từ sự kiện, hiệu ứng chuyển động đến nhiều loại tương tác UI khác nhau. Hãy hoàn thiện portfolio thông qua thực hành và phát triển năng lực web publishing thực tiễn có thể ứng dụng ngay trong công việc.

Khóa học này không chỉ đơn thuần sử dụng Express.js. Bạn sẽ xây dựng lại engine bên trong của nó từ đầu đến cuối, có được trải nghiệm thực tế với các nguyên lý thực sự về cách một server hoạt động. Bằng cách trực tiếp tạo ra từng thành phần của Express—như routing, middleware, request–response objects, xử lý static file, và template rendering—bạn sẽ phát triển như một server developer và thực sự hiểu cách một framework hoạt động ở cốt lõi.

Hoàn thiện từ thiết kế đến TDD, CI bằng Claude Code. Từ một dòng spec đến khi merge vào main cho một tính năng.