Bắt Đầu
These docs are old and won’t be updated. Go to react.dev for the new React docs.
The new Quick Start teaches modern React and includes live examples.
Trang này chứa các thông tin tổng quan về React và các tài liệu liên quan.
React là một thư viện JavaScript được dùng để xây dựng giao diện người dùng (UI - User interfaces). Bạn có thể tìm hiểu tất cả về React trên trang chủ của chúng tôi hoặc trong hướng dẫn.
Thử React
React được thiết kế khởi đầu để phục vụ cho việc thích nghi dần dần, nghĩa là bạn có thể sử dụng ít hoặc nhiều React tuỳ vào nhu cầu của bạn. Cho dù bạn chỉ muốn thử một chút React, thêm một số tương tác vào trang HTML, hoặc xây dựng một ứng dụng React phức tạp, những hướng dẫn trong phần này sẽ giúp bạn bắt đầu.
Các nền tảng Code Online
Nếu bạn có hứng thú trải nghiệm các tính năng của React, bạn có thể sử dụng các nền tảng code online. Hãy thử bản mẫu Hello World trên CodePen, CodeSandbox, hoặc Stackblitz.
Nếu bạn thích sử dụng trình soạn thảo code của riêng mình, bạn cũng có thể tải xuống file HTML này, sửa và mở file này từ hệ thống tập tin trên trình duyệt của máy bạn. Thời gian dịch mã sẽ khá chậm, vì vậy chúng tôi khuyên bạn chỉ nên sử dụng phương pháp này với các demo đơn giản.
Thêm React vào một Website
Bạn có thể thêm React vào một trang HTML chỉ trong vòng một phút. Sau đó, bạn có thể dần dần mở rộng sự hiện diện của React hoặc giữ React trong một vài widget động.
Tạo mới một React App
Khi bạn bắt đầu một dự án React, một trang HTML đơn giản với script tags có thể là lựa chọn tốt nhất. Bạn chỉ mất một phút để thiết lập!
Khi ứng dụng của bạn phát triển, bạn có thể muốn xem xét thiết lập cài đặt sâu hơn. Có một số công cụ Javascript chúng tôi khuyên bạn nên sử dụng cho các ứng dụng lớn. Mỗi công cụ có thể hoạt động với ít hoặc không cần cấu hình và cho phép bạn tận dụng tối đa sự phong phú của hệ sinh thái React. Tìm hiểu cách thực hiện tại đây.
Học React
Mỗi người đến với React từ một nền tảng kiến thức khác nhau và với các cách học khác nhau. Cho dù bạn thích cách tiếp cận lý thuyết hay thực hành, chúng tôi hi vọng bạn sẽ thấy phần này hữu ích.
- Nếu bạn thích học thông qua thực hành, hãy bắt đầu với hướng dẫn thực hành.
- Nếu bạn thích học từ lý thuyết cơ bản, hãy bắt đầu với hướng dẫn về các khái niệm chính.
Giống như bất kỳ công nghệ mới lạ nào, React có một đường cong học tập. Với thực hành và một chút kiên nhẫn, bạn sẽ hiểu được nó.
Ví dụ đầu tiên
Trang chủ React có chứa một số ví dụ về React với trình soạn thảo trực tuyến. Cho dù bạn chưa biết gì về React, hãy thử thay đổi một số đoạn code và xem nó ảnh hưởng như thế nào tới kết quả.
React cho Người mới bắt đầu
Nếu bạn cảm thấy tài liệu hướng dẫn React này trình bày quá nhanh và khó hiểu, hãy xem tổng quan về React bởi Tania Rascia. Nó giới thiệu chi tiết các khái niệm quan trọng trong React theo một cách đơn giản, thân thiện với người mới. Khi bạn đã hoàn tất, hãy quay lại đây và thử đọc lại tài liệu này một lần nữa.
React cho Designers
Nếu bạn đến với React từ nền tảng một Designer, nguồn tài liệu này là điểm bắt đầu thích hợp cho bạn.
Tài nguyên JavaScript
Tài liệu hướng dẫn React này giả định rằng bạn đã quen thuộc với việc lập trình sử dụng ngôn ngữ Javascript. Bạn không cần thiết phải là một chuyên gia Javascript, nhưng nó sẽ khó hơn cho bạn khi phải học cả React và JavaScript tại cùng một thời điểm.
Chúng tôi khuyến khích bạn nên xem qua tổng quan về Javascript để kiểm tra trình độ kiến thức hiện tại. Nó sẽ mất khoảng 30 phút đến một giờ để hoàn thành nhưng sau đó bạn sẽ cảm thấy tự tin hơn khi học React.
Lời khuyên
Bất kể khi nào bạn cảm thấy bối rối bởi thứ gì đó trong Javascript, MDN và javascript.info là những trang web tuyệt vời để kiểm tra. Ngoài ra còn có các diễn đàn hỗ trợ cộng đồng nơi bạn có thể yêu cầu sự giúp đỡ.
Hướng dẫn thực hành
Nếu bạn thích cách học thông qua thực hành, hãy xem qua hướng dẫn thực hành. Trong hướng dẫn này, chúng ta sẽ xây dựng game tic-tac-toe bằng React. Bạn có thể không muốn đọc tiếp vì bạn không làm game — Đừng làm vậy nhé! Hãy kiên nhẫn một chút. Kiến thức trong bài này chính là lý thuyết cơ bản để xây dựng bất kỳ ứng dụng React nào, thành thạo nó sẽ giúp bạn hiểu sâu hơn về React.
Hướng dẫn Step-by-Step
Nếu bạn thích học từ các lý thuyết cơ bản, hướng dẫn về các khái niệm chính là điểm khởi đầu thích hợp dành cho bạn. Mỗi chương tiếp theo đều được xây dựng dựa trên kiến thức đã giới thiệu trong các chương trước, do đó bạn sẽ không bỏ lỡ bất cứ điều gì trong quá trình học.
Tư duy trong React
Rất nhiều người dùng của React xác nhận việc đọc Tư duy trong React chính là khoảng khắc mà họ “nghiện” React. Đây có lẽ là hướng dẫn về React lâu đời nhất nhưng nó vẫn phù hợp cho tới ngày nay.
Các khoá học được đề xuất
Đôi khi, mọi người thấy sách và khóa học video của bên thứ ba hữu ích hơn là tài liệu chính thức này. Vì vậy, chúng tôi duy trì một danh sách các tài liệu thường được đề xuất, trong đó có một số là miễn phí.
Các khái niệm nâng cao
Khi bạn đã hiểu được các khái niệm chính và đã thực hành với React một chút, có thể bạn sẽ có hứng thú với các khái niệm nâng cao. Phần này sẽ giới thiệu cho bạn các tính năng mạnh mẽ của React nhưng ít được sử dụng hơn như context và refs.
Tài liệu về API
Phần này sẽ rất hữu ích khi bạn muốn tìm hiểu chi tiết cụ thể về một React API nào đó. Ví dụ, tài liệu về React.Component API có thể cung cấp cho bạn thông tin chi tiết cách thức setState() hoạt động, và sự khác nhau của từng phương thức trong một lifecycle.
Thuật ngữ và Câu hỏi thường gặp
Trang thuật ngữ bao gồm tổng quan về các thuật ngữ phổ biến nhất mà bạn sẽ thấy trong tài liệu React. Ngoài ra còn có phần Câu hỏi thường gặp dành riêng cho các câu hỏi ngắn và câu trả lời về các chủ đề phổ biến, bao gồm tạo AJAX requests, component state, and cấu trúc file.
Theo dõi cập nhật mới nhất
Trang React blog là nguồn tài liệu chính thức cho những cập nhật từ đội ngũ phát triển React. Tất cả các thông tin quan trọng, bao gồm ghi chú phát hành hoặc thông báo ngừng sử dụng, sẽ được đăng ở đây trước.
Bạn cũng có thể theo dõi tài khoản @reactjs trên Twitter, nhưng bạn cũng sẽ không bỏ lỡ bất kỳ thông tin quan trọng nào nếu bạn chỉ đọc blog.
Không phải tất cả các bản phát hành của React đều có một bài blog riêng, nhưng bạn có thể tìm được thông tin thay đổi chi tiết cho mỗi bản phát hành trong file CHANGELOG.md ở trong React repository, cũng như ở trong trang Releases.
Phiên bản của tài liệu
Tài liệu này luôn phản ánh phiên bản ổn định mới nhất của React. Kể từ React 16, bạn có thể tìm thấy các phiên bản cũ hơn của tài liệu trên một trang riêng biệt. Lưu ý rằng tài liệu cho các phiên bản trước đây chỉ là một bản sao chép tại thời điểm phát hành phiên bản mới và sẽ không được cập nhật liên tục.
Bổ sung thiếu sót
Nếu bạn cảm thấy thiếu điều gì đó trong tài liệu hoặc phần nào đó khó hiểu, vui lòng gửi một thông báo cho chúng tôi trên Github với đề xuất để cải thiện của bạn, hoặc gửi tin nhắn đến tài khoản @reactjs trên Twitter. Chúng tôi rất vui nếu nhận được phản hồi từ bạn!