Skip to content

Edit some explicit semantics for the Home page #237

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Oct 8, 2021
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Component sử dụng plugins bên ngoài
title: Component sử dụng các plugin bên ngoài
order: 3
domid: markdown-example
---
Expand Down
4 changes: 2 additions & 2 deletions content/home/examples/a-simple-component.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,6 @@ order: 0
domid: hello-example
---

Các thành phần React thực hiện một phương thức `render ()` lấy dữ liệu đầu vào và trả về những gì sẽ hiển thị. Ví dụ này sử dụng cú pháp giống như XML có tên là JSX. Dữ liệu đầu vào được truyền vào thành phần có thể được truy cập bằng `render ()` qua `this.props`.
Các React component thực hiện một phương thức `render ()` lấy dữ liệu đầu vào và trả về những gì sẽ hiển thị. Ví dụ này sử dụng cú pháp giống như XML có tên là JSX. Dữ liệu đầu vào được truyền vào component có thể được truy cập bằng `render ()` qua `this.props`.

**JSX là tùy chọn và không bắt buộc phải sử dụng React.** Hãy thử [Babel REPL](babel://es5-syntax-example) để xem mã JavaScript ban đầu được tạo bởi bước biên dịch JSX.
**JSX là tùy chọn và không bắt buộc khi sử dụng React.** Hãy thử [Babel REPL](babel://es5-syntax-example) để xem mã JavaScript ban đầu được tạo bởi bước biên dịch JSX.
2 changes: 1 addition & 1 deletion content/home/examples/a-stateful-component.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,4 +4,4 @@ order: 1
domid: timer-example
---

Ngoài việc lấy dữ liệu đầu vào (được truy cập qua `this.props`), một thành phần có thể duy trì dữ liệu trạng thái bên trong (được truy cập qua` this.state`). Khi dữ liệu trạng thái của một thành phần thay đổi, sẽ được cập nhật bằng cách gọi lại `render ()`.
Ngoài việc lấy dữ liệu đầu vào (được truy cập qua `this.props`), một component có thể duy trì dữ liệu trạng thái bên trong (được truy cập qua` this.state`). Khi dữ liệu trạng thái của một component thay đổi, giao diện sẽ được cập nhật bằng cách tự gọi lại `render ()`.
2 changes: 1 addition & 1 deletion content/home/examples/an-application.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,4 +4,4 @@ order: 2
domid: todos-example
---

Sử dụng `props` và` state`, chúng ta có thể kết hợp một ứng dụng Todo nhỏ. Ví dụ này sử dụng `state` để theo dõi danh sách các mục hiện tại cũng như văn bản mà người dùng đã nhập. Mặc dù các trình xử lý sự kiện được hiển thị cùng dòng, chúng sẽ được thu thập và triển khai bằng cách sử dụng các sự kiện.
Chúng ta có thể sử dụng kết hợp `props` và` state` cho một ứng dụng Todo nhỏ. Ví dụ này sử dụng `state` để theo dõi danh sách các mục hiện tại cũng như văn bản mà người dùng đã nhập. Mặc dù các trình xử lý sự kiện được hiển thị cùng dòng, chúng sẽ được thu thập và triển khai bằng cách sử dụng các sự kiện.
2 changes: 1 addition & 1 deletion content/home/marketing/component-based.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,4 +5,4 @@ order: 1

Xây dựng các component và quản lý các trạng thái của riêng chúng, sau đó kết hợp chúng để tạo các UI phức tạp.

Vì component logic được viết bằng JavaScript thay vì các mẫu, bạn có thể dễ dàng truyền dữ liệu phong phú qua ứng dụng của mình và tránh thao tác với DOM.
Vì component logic được viết bằng JavaScript thay vì các template, bạn có thể dễ dàng truyền dữ liệu đa dạng qua ứng dụng của mình và tránh thao tác với DOM.
4 changes: 2 additions & 2 deletions content/home/marketing/declarative.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,6 @@ title: Declarative
order: 0
---

React giúp tạo UI tương tác đơn giản. Thiết kế các khung nhìn đơ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à render đúng các thành phần phù hợp khi dữ liệu của bạn thay đổi.
React giúp tạo các UI tương tác một cách dễ dàng. Thiết kế các khung nhìn đơ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à render đúng các thành phần phù hợp khi dữ liệu của bạn thay đổi.

Các câu khai báo làm cho mã của bạn dễ sử dụng hơn và dễ tìm lỗi hơn.
Việc khai báo các khung nhìn tường minh sẽ khiến cho mã của bạn dễ sử dụng hơn và dễ dàng gỡ lỗi hơn.
2 changes: 1 addition & 1 deletion content/home/marketing/learn-once-write-anywhere.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Học một lần, Viết mọi nơi
title: Learn Once, Write Anywhere
order: 2
---

Expand Down