diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md index f5f666378..d53db97bb 100644 --- a/content/home/examples/a-component-using-external-plugins.md +++ b/content/home/examples/a-component-using-external-plugins.md @@ -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 --- diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md index 150f2aac4..0b8c41217 100644 --- a/content/home/examples/a-simple-component.md +++ b/content/home/examples/a-simple-component.md @@ -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. \ No newline at end of file +**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. \ No newline at end of file diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md index 38d4513f2..5bf66ddb7 100644 --- a/content/home/examples/a-stateful-component.md +++ b/content/home/examples/a-stateful-component.md @@ -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 ()`. \ No newline at end of file +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 ()`. \ No newline at end of file diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md index 8212005ea..82f05d887 100644 --- a/content/home/examples/an-application.md +++ b/content/home/examples/an-application.md @@ -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. \ No newline at end of file + 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. \ No newline at end of file diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md index 6e0b4146b..15147c48e 100644 --- a/content/home/marketing/component-based.md +++ b/content/home/marketing/component-based.md @@ -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. \ No newline at end of file +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. \ No newline at end of file diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md index ceb86f7ac..e4ba54412 100644 --- a/content/home/marketing/declarative.md +++ b/content/home/marketing/declarative.md @@ -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. diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md index a1a4b9fda..184f77651 100644 --- a/content/home/marketing/learn-once-write-anywhere.md +++ b/content/home/marketing/learn-once-write-anywhere.md @@ -1,5 +1,5 @@ --- -title: Học một lần, Viết mọi nơi +title: Learn Once, Write Anywhere order: 2 ---