Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

GraphQL with React: The Complete Developers Guide

GraphQL với React: Hướng dẫn Toàn diện cho Nhà phát triển

GraphQL với React: Hướng dẫn Toàn diện cho Nhà phát triển

Học và thành thạo GraphQL bằng cách xây dựng ứng dụng web thực tế với React và Node

4.5
(11,144 đánh giá)
72,129 học viên
Giảng viên
Stephen Grider
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
13.0 giờ video
120 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 18/03/2026

Bạn sẽ học được gì

Xây dựng ứng dụng một trang tuyệt vời với React JS và GraphQL
Nắm vững các khái niệm cốt lõi về cấu trúc máy chủ GraphQL
Khám phá sức mạnh của việc xây dựng lược đồ dữ liệu linh hoạt
Trở thành kỹ sư có thể giải thích cách hoạt động của GraphQL cho mọi người, nhờ nắm vững kiến thức nền tảng
Thành thạo hệ sinh thái hỗ trợ GraphQL, bao gồm sự khác biệt giữa Apollo và Relay

Yêu cầu

Quen thuộc với React

Đối tượng phù hợp

Dành cho lập trình viên muốn học GraphQL

Nội dung khóa học

15 phần • 116 bài giảng
1 Giới thiệu
1 Ôn tập Định tuyến REST
2 Hạn chế của Định tuyến RESTful
1 GraphQL là gì?
2 Tệp dự án GraphQL mẫu
3 Làm việc với GraphQL
4 Lỗi TypeError: expressGraphQL không phải là hàm
5 Đăng ký GraphQL với Express
6 Lược đồ GraphQL
7 Viết một Lược đồ GraphQL
8 Truy vấn Gốc (Root Queries)
9 Xử lý dữ liệu với Resolver
10 Công cụ GraphiQL
11 Nguồn dữ liệu thực tế
12 Hàm Resolve bất đồng bộ
13 Kết nối Nodemon
14 Định nghĩa Công ty
1 Truy vấn Lồng nhau
2 Tìm hiểu thêm về Truy vấn Lồng nhau
3 Nghỉ giải lao nhanh
4 Nhiều điểm vào RootQuery
5 Quan hệ Hai chiều
6 Tìm hiểu thêm về Quan hệ Hai chiều
7 Xử lý Tham chiếu Vòng tròn
8 Đoạn truy vấn (Query Fragments)
9 Giới thiệu về Thay đổi (Mutations)
10 Trường Bắt buộc (NonNull) và Mutations
11 Tự làm - Mutation Xóa!
12 Tự làm - Mutation Chỉnh sửa!
1 Client GraphQL - Apollo vs Relay
2 Lưu ý - Apollo Server vs GraphQL Server
1 Ứng dụng tiếp theo
2 Hướng dẫn Bộ khởi động
3 Thiết lập và Cấu hình MongoDB Atlas
4 Thiết lập MongoLab
5 Phân tích Lược đồ
6 Thiết lập Apollo Client
7 Thiết kế Component React
8 Truy vấn GQL trong React
9 Liên kết Truy vấn với Component
1 Xử lý Truy vấn đang chờ
2 Sửa cảnh báo Key
3 Ôn tập Kiến trúc
4 Thêm React Router
5 Tạo một Bài hát
1 Mutations trong React
2 Tham số Truy vấn (Query Params)
3 Định nghĩa Biến Truy vấn trong React
4 Điều hướng sau khi Mutation thành công
5 Xử lý sự cố Lấy danh sách
6 Truy vấn lại dữ liệu (Refetching Queries)
7 Xóa bằng Mutation
8 Liên kết Mutations với một Component
9 Gọi Mutations Xóa
1 Truy vấn lại một Query
2 Nghỉ giải lao với CSS
3 Hiển thị một Bài hát cụ thể
4 Lấy bản ghi riêng lẻ
1 Tích hợp React Router với GraphQL
2 Theo dõi Dữ liệu
3 Điều hướng giữa các Màn hình
4 Form Tạo Lời bài hát
5 Mutation CreateLyric
6 Gửi Mutations
7 Hiển thị Danh sách Lời bài hát
8 Nâng cao Truy vấn
9 Nhận diện Bản ghi
10 Bộ nhớ đệm với DataIdFromObject
11 Biểu tượng Thích (Thumbs Up)
1 Mutation Thích (Like)
2 Hiển thị Lượt thích với Lời bài hát
3 Lấy dữ liệu Lượt thích
4 Cập nhật Giao diện Lạc quan (Optimistic UI)
5 Xử lý Phản hồi Lạc quan
6 Sửa lỗi nhanh
7 Tổng kết Ứng dụng
1 Tổng quan Ứng dụng
2 Thách thức của Ứng dụng
3 Thiết lập Boilerplate
4 Cách tiếp cận Xác thực
5 Thiết lập MLab
6 Kiểu Người dùng (User Type)
7 Mutation Đăng ký (Signup)
8 Ủy quyền cho Dịch vụ Xác thực
9 Kiểm tra Đăng ký
10 Mutation Đăng xuất (Logout)
11 Mutation Đăng nhập (Login)
12 Kiểm tra Trạng thái Xác thực
1 Thiết lập phía Client
2 Route Gốc với React Router
3 Xác định Người dùng hiện tại
4 Bao gồm Cookie với Yêu cầu GraphQL
5 Trạng thái Xác thực
6 Nút Đăng nhập và Đăng xuất
7 Xử lý Mutation Đăng xuất
8 Tự động Render lại Component
9 Thiết kế Form Đăng nhập
10 Form Xác thực (Auth Form)
11 Nhập Mutation Đăng nhập
12 Gửi Form Xác thực
13 Làm mới Người dùng hiện tại
14 Xử lý Lỗi với GraphQL
15 Tìm hiểu thêm về Xử lý Lỗi
16 Mutation Đăng ký
17 Tìm hiểu thêm về Mutation Đăng ký
1 Xử lý Lỗi trong Đăng ký
2 Điều kiện Chạy đua - Lưu ý quan trọng
3 Luồng Xác thực Hoàn thiện
4 Sửa quy trình Đăng nhập
5 Sửa cả Đăng ký nữa!
6 Route Bảng điều khiển (Dashboard)
7 Nhu cầu về HOC (Higher-Order Component)
8 Bắt đầu với RequireAuth
9 Áp dụng RequireAuth
10 Sửa RequireAuth
1 Phần thưởng!

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

Note: This course assumes you are familiar with React!

If you're tired of spinning your wheels trying to figure out what type of backend server to use, this is the course for you.

Authentication? You will learn it.  Apollo Data? Included.  Integration with React? Of course!

This course will get you up and running with GraphQL quickly, and teach you the core knowledge you need to deeply understand and build React applications quickly.

Both OSX and Windows supported.

We'll start by mastering the fundamentals of GraphQL, including data types, schemas, and integration with Express and React. Source code is provided for each lecture, so you will always stay up-to-date with the course pacing.  Special attention has been paid to creating code that you'll be able to make use of on your own fantastic projects.

If you are new to GraphQL, or if you've been working to learn it but sometimes feel like you still don't quite 'get it', this is the GraphQL course for you! To learn GraphQL you have to understand it.

  • Learn how to use GraphQL's schema to define relations between your data objects
  • Learn the process of combining a backend server with a front end React
  • Master the process of thinking about your applications data in terms of a graph structure
  • Grasp the difference between GraphQL, Apollo, and Relay, and when to use each
  • Develop apps that are unique, fun, and responsive.
  • Build servers that can be used with both React and React Native applications
  • Master handling authentication with GraphQL
  • Learn the core principles of navigation with React Router and GraphQL

I've built the course that I would have wanted to take when I was learning GraphQL. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Api Development
Hiển thị tất cả khoá học Graphql
Hiển thị tất cả khoá học React
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊