React ·

React là thư viện JavaScript để xây dựng giao diện người dùng.

• Tuyên bố: React giúp việc tạo giao diện người dùng tương tác trở nên dễ dàng. Thiết kế các chế độ xem đơn giản cho từng trạng thái trong ứng dụng của bạn và React sẽ cập nhật và hiển thị đúng các thành phần phù hợp một cách hiệu quả khi dữ liệu của bạn thay đổi. Chế độ xem khai báo làm cho mã của bạn dễ dự đoán hơn, dễ hiểu hơn và dễ gỡ lỗi hơn.
• Dựa trên thành phần: Xây dựng các thành phần được đóng gói để quản lý trạng thái của riêng chúng, sau đó kết hợp chúng để tạo các giao diện người dùng phức tạp. Vì logic thành phần được viết bằng JavaScript thay vì mẫu nên bạn có thể dễ dàng truyền dữ liệu phong phú qua ứng dụng của mình và loại bỏ trạng thái khỏi DOM.
• Học một lần, viết mọi nơi: Chúng tôi không đưa ra giả định về phần còn lại của kho công nghệ của bạn, vì vậy bạn có thể phát triển các tính năng mới trong React mà không cần viết lại mã hiện có. React cũng có thể hiển thị trên máy chủ bằng cách sử dụng Nút và hỗ trợ các ứng dụng di động bằng cách sử dụng React Bản địa.

Tìm hiểu cách sử dụng React trong dự án của bạn.

Cài đặt

React đã được thiết kế để áp dụng dần dần ngay từ đầu và bạn có thể sử dụng ít hoặc nhiều React tùy theo nhu cầu:

• sử dụng Bắt đầu nhanh để nếm thử React.
• Thêm React vào dự án hiện có sử dụng ít hoặc nhiều React tùy theo nhu cầu của bạn.
• Tạo ứng dụng React mới nếu bạn đang tìm kiếm chuỗi công cụ JavaScript mạnh mẽ.

Tài liệu

Bạn có thể tìm thấy tài liệu React trên trang web.

Kiểm tra Bắt đầu trang để có cái nhìn tổng quan nhanh chóng.

Tài liệu được chia thành nhiều phần:

• Bắt đầu nhanh
• Hướng dẫn
• Suy nghĩ về React
• Cài đặt
• Mô tả giao diện người dùng
• Thêm tương tác
• Nhà nước quản lý
• Hướng dẫn nâng cao
• API Tham khảo
• Nơi nhận hỗ trợ
• Hướng dẫn đóng góp

Bạn có thể cải thiện nó bằng cách gửi yêu cầu kéo tới kho lưu trữ này.

Ví dụ

Chúng tôi có một số ví dụ trên trang web. Đây là cách đầu tiên giúp bạn bắt đầu:

import { createRoot } from 'react-dom/client';

function HelloMessage({ name }) {
  return <div>Hello {name}</div>;
}

const root = createRoot(document.getElementById('container'));
root.render(<HelloMessage name="Taylor" />);

Ví dụ này sẽ hiển thị "Xin chào Taylor" vào vùng chứa trên trang.

Bạn sẽ nhận thấy rằng chúng tôi đã sử dụng cú pháp giống HTML; chúng tôi gọi nó là JSX. JSX không bắt buộc phải sử dụng React, nhưng nó làm cho mã dễ đọc hơn và viết có cảm giác giống như viết HTML.

Đóng góp

Mục đích chính của kho lưu trữ này là tiếp tục phát triển lõi React, giúp sử dụng nhanh hơn và dễ dàng hơn. Quá trình phát triển React diễn ra công khai trên GitHub và chúng tôi rất biết ơn cộng đồng đã đóng góp các bản sửa lỗi và cải tiến. Hãy đọc phần bên dưới để tìm hiểu cách bạn có thể tham gia cải thiện React.

Quy tắc ứng xử

Facebook đã thông qua Quy tắc ứng xử mà chúng tôi mong muốn những người tham gia dự án tuân thủ. Xin vui lòng đọc toàn văn để bạn có thể hiểu những hành động nào sẽ được và không được dung thứ.

Hướng dẫn đóng góp

Đọc của chúng tôi hướng dẫn đóng góp để tìm hiểu về quy trình phát triển của chúng tôi, cách đề xuất các bản sửa lỗi và cải tiến cũng như cách xây dựng và kiểm tra các thay đổi của bạn đối với React.

Những vấn đề đầu tiên tốt

Để giúp bạn bắt đầu và làm quen với quy trình đóng góp của chúng tôi, chúng tôi có một danh sách vấn đề đầu tiên tốt có chứa các lỗi có phạm vi tương đối hạn chế. Đây là một nơi tuyệt vời để bắt đầu.

Giấy phép

React là MIT được cấp phép.