From b53bbdd86fc42409a74a81e098bdf3e18ebdb0c1 Mon Sep 17 00:00:00 2001 From: nampdn Date: Fri, 8 Feb 2019 05:03:06 +0100 Subject: [PATCH 01/11] translate marketing --- content/home/marketing/component-based.md | 6 +++--- content/home/marketing/declarative.md | 6 +++--- content/home/marketing/learn-once-write-anywhere.md | 6 +++--- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md index aeb3c4de2..8f172ea9e 100644 --- a/content/home/marketing/component-based.md +++ b/content/home/marketing/component-based.md @@ -1,8 +1,8 @@ --- -title: Component-Based +title: Component Cơ Bản order: 1 --- -Build encapsulated components that manage their own state, then compose them to make complex UIs. +Chỉ cần xây dựng những component được đóng gói mà nó có thể tự quản lý state, rồi ghép chúng lại với nhau để tạo thành những giao diện phức tạp hơn. -Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. +Nhờ component được viết bằng ngôn ngữ JavaScript thay vì dùng những cú pháp template, bạn có thể dễ dàng đưa dữ liệu đi xuyên suốt trong ứng dụng mà không cần gán state vào chung với các thành phần DOM. diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md index c3b651902..a962994a4 100644 --- a/content/home/marketing/declarative.md +++ b/content/home/marketing/declarative.md @@ -1,8 +1,8 @@ --- -title: Declarative +title: Định nghĩa order: 0 --- -React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. +React giúp cho việc tạo giao diện có thể tương tác một cách dễ dàng. Trước tiên, hãy thiết kế các thành phần giao diện đơn giản trong ứng dụng của bạn trước, và React sẽ cập nhật giao diện tuỳ theo sự thay đổi của dữ liệu trong các thành phần đó. -Declarative views make your code more predictable and easier to debug. +Giao diện được viết cách rõ ràng sẽ làm cho code của bạn dễ quan sát và dễ 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 009edf5bc..0474f7125 100644 --- a/content/home/marketing/learn-once-write-anywhere.md +++ b/content/home/marketing/learn-once-write-anywhere.md @@ -1,8 +1,8 @@ --- -title: Learn Once, Write Anywhere +title: Học Một Lần - Viết Mọi Nơi order: 2 --- -We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. +Chúng tôi không rõ những công nghệ hiện tại của bạn là gì, nhưng bạn có thể phát triển chức năng mới bằng React mà không cần viết lại code. -React can also render on the server using Node and power mobile apps using [React Native](https://facebook.github.io/react-native/). +React cũng có thể render trên máy chủ bằng NodeJS và ứng dụng di động với sự hỗ trợ của [React Native](https://facebook.github.io/react-native/). From 035f598f9aedaf029019fecae2418045182403ed Mon Sep 17 00:00:00 2001 From: nampdn Date: Fri, 8 Feb 2019 05:41:27 +0100 Subject: [PATCH 02/11] translate home/examples-an-application --- content/home/examples/an-application.js | 6 +++--- content/home/examples/an-application.md | 4 ++-- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/content/home/examples/an-application.js b/content/home/examples/an-application.js index 43f777dc2..56a71efbb 100644 --- a/content/home/examples/an-application.js +++ b/content/home/examples/an-application.js @@ -9,11 +9,11 @@ class TodoApp extends React.Component { render() { return (
-

TODO

+

Việc Cần Làm

diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md index 227d0621b..ebacb232e 100644 --- a/content/home/examples/an-application.md +++ b/content/home/examples/an-application.md @@ -1,7 +1,7 @@ --- -title: An Application +title: Một Ứng Dụng order: 2 domid: todos-example --- -Using `props` and `state`, we can put together a small Todo application. This example uses `state` to track the current list of items as well as the text that the user has entered. Although event handlers appear to be rendered inline, they will be collected and implemented using event delegation. +Bằng cách sử dụng` props` và `state`, chúng ta có thể tạo thành một ứng dụng Việc Cần Làm nho 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ư những chữ mà người dùng đã nhập vào. Mặc dù ở đây các hàm bắt sự kiện đưa vào ngay trên một hàng, nó sẽ được dùng để thu thập và và triển khai bằng cách sử dụng bộ chuyển giao sự kiện. From 43c7cceff8042fa3c68ef321d839492090736674 Mon Sep 17 00:00:00 2001 From: nampdn Date: Fri, 8 Feb 2019 06:11:10 +0100 Subject: [PATCH 03/11] wip on a simple component --- content/home/examples/a-simple-component.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md index d791856d4..fc601ed62 100644 --- a/content/home/examples/a-simple-component.md +++ b/content/home/examples/a-simple-component.md @@ -1,5 +1,5 @@ --- -title: A Simple Component +title: Một Component Đơn Giản order: 0 domid: hello-example --- From 394693bf9edc86e5ff60df4af86004403e317f52 Mon Sep 17 00:00:00 2001 From: nampdn Date: Fri, 8 Feb 2019 08:01:25 +0100 Subject: [PATCH 04/11] edit marketing title --- content/home/marketing/component-based.md | 6 +++--- content/home/marketing/declarative.md | 4 ++-- content/home/marketing/learn-once-write-anywhere.md | 4 ++-- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md index 8f172ea9e..5515a86a5 100644 --- a/content/home/marketing/component-based.md +++ b/content/home/marketing/component-based.md @@ -1,8 +1,8 @@ --- -title: Component Cơ Bản +title: Dựa Trên Component order: 1 --- -Chỉ cần xây dựng những component được đóng gói mà nó có thể tự quản lý state, rồi ghép chúng lại với nhau để tạo thành những giao diện phức tạp hơn. +Chỉ cần xây dựng những component mà nó có thể tự quản lý state, rồi ghép chúng lại với nhau để tạo thành những giao diện phức tạp hơn. -Nhờ component được viết bằng ngôn ngữ JavaScript thay vì dùng những cú pháp template, bạn có thể dễ dàng đưa dữ liệu đi xuyên suốt trong ứng dụng mà không cần gán state vào chung với các thành phần DOM. +Nhờ component được viết bằng ngôn ngữ JavaScript thay vì dùng những cú pháp template, bạn có thể dễ dàng đưa dữ liệu đi xuyên suốt ứng dụng mà không cần gán state vào chung với các thành phần DOM. diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md index a962994a4..3bddc8f1d 100644 --- a/content/home/marketing/declarative.md +++ b/content/home/marketing/declarative.md @@ -1,8 +1,8 @@ --- -title: Định nghĩa +title: Rõ Ràng order: 0 --- -React giúp cho việc tạo giao diện có thể tương tác một cách dễ dàng. Trước tiên, hãy thiết kế các thành phần giao diện đơn giản trong ứng dụng của bạn trước, và React sẽ cập nhật giao diện tuỳ theo sự thay đổi của dữ liệu trong các thành phần đó. +React giúp cho việc tạo giao diện có thể tương tác một cách dễ dàng. Trước tiên, hãy thiết kế các thành phần giao diện đơn giản trong ứng dụng của bạn, và React sẽ cập nhật giao diện tuỳ theo sự thay đổi của dữ liệu trong các thành phần đó. Giao diện được viết cách rõ ràng sẽ làm cho code của bạn dễ quan sát và dễ 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 0474f7125..6c4624157 100644 --- a/content/home/marketing/learn-once-write-anywhere.md +++ b/content/home/marketing/learn-once-write-anywhere.md @@ -3,6 +3,6 @@ title: Học Một Lần - Viết Mọi Nơi order: 2 --- -Chúng tôi không rõ những công nghệ hiện tại của bạn là gì, nhưng bạn có thể phát triển chức năng mới bằng React mà không cần viết lại code. +Không cần bận tâm về những công nghệ hiện tại, bạn có thể bắt đầu phát triển chức năng mới bằng React mà không cần viết lại những đoạn code đang hoạt động. -React cũng có thể render trên máy chủ bằng NodeJS và ứng dụng di động với sự hỗ trợ của [React Native](https://facebook.github.io/react-native/). +React cũng có thể render trên máy chủ bằng NodeJS và ứng dụng di động với sự hỗ trợ đắc lực từ [React Native](https://facebook.github.io/react-native/). From 68906f5600e85da6ac046fc230de4c01cb00526e Mon Sep 17 00:00:00 2001 From: nampdn Date: Fri, 8 Feb 2019 08:02:15 +0100 Subject: [PATCH 05/11] translate index home --- src/pages/index.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/pages/index.js b/src/pages/index.js index bc2d732fd..810606ed8 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -51,7 +51,7 @@ class Home extends Component { return (
@@ -149,12 +149,12 @@ class Home extends Component { - Get Started + Bắt Đầu - Take the Tutorial + Hướng Dẫn @@ -286,12 +286,12 @@ class Home extends Component { - Get Started + Bắt Đầu - Take the Tutorial + Hướng Dẫn From 1c2aa709659556c9f28003ef7145a359f6678e7c Mon Sep 17 00:00:00 2001 From: nampdn Date: Fri, 8 Feb 2019 10:51:23 +0100 Subject: [PATCH 06/11] translate home src files --- src/components/LayoutHeader/DocSearch.js | 2 +- src/components/LayoutHeader/Header.js | 6 +++--- src/pages/index.js | 10 +++++----- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/components/LayoutHeader/DocSearch.js b/src/components/LayoutHeader/DocSearch.js index b31505917..1f577428e 100644 --- a/src/components/LayoutHeader/DocSearch.js +++ b/src/components/LayoutHeader/DocSearch.js @@ -104,7 +104,7 @@ class DocSearch extends Component<{}, State> { }} id="algolia-doc-search" type="search" - placeholder="Search docs" + placeholder="Tìm kiếm tài liệu" aria-label="Search docs" /> diff --git a/src/components/LayoutHeader/Header.js b/src/components/LayoutHeader/Header.js index 55743a7c1..2462a6c45 100644 --- a/src/components/LayoutHeader/Header.js +++ b/src/components/LayoutHeader/Header.js @@ -115,17 +115,17 @@ const Header = ({location}: {location: Location}) => ( }}>
@@ -134,7 +134,7 @@ class Home extends Component { fontSize: 30, }, }}> - A JavaScript library for building user interfaces + Một thư viện JavaScript giúp xây dựng giao diện người dùng

- Hướng Dẫn + Xem Hướng Dẫn @@ -291,7 +291,7 @@ class Home extends Component { - Hướng Dẫn + Xem Hướng Dẫn @@ -312,7 +312,7 @@ Home.propTypes = { function renderExamplePlaceholder(containerId) { ReactDOM.render( -

Loading code example...

, +

Đang tải code mẫu...

, document.getElementById(containerId), ); } From c449e099083f5b1a80d3b9258391889f944f9b70 Mon Sep 17 00:00:00 2001 From: nampdn Date: Fri, 8 Feb 2019 11:00:08 +0100 Subject: [PATCH 07/11] temporary fix mixed http url for netlify warn --- content/blog/2015-03-30-community-roundup-26.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2015-03-30-community-roundup-26.md b/content/blog/2015-03-30-community-roundup-26.md index ae2dc4979..24a7a1c7f 100644 --- a/content/blog/2015-03-30-community-roundup-26.md +++ b/content/blog/2015-03-30-community-roundup-26.md @@ -29,7 +29,7 @@ Colin also [blogged about his experience using React Native](http://blog.scottlo Spencer Ahrens and I had the great pleasure to talk about React Native on [The Changelog](https://thechangelog.com/149/) podcast. It was really fun to chat for an hour, I hope that you'll enjoy listening to it. :) - + ## Hacker News {#hacker-news} From 44b4b5ce9688e72908144b01a405b33207a45f45 Mon Sep 17 00:00:00 2001 From: nampdn Date: Fri, 8 Feb 2019 11:33:18 +0100 Subject: [PATCH 08/11] translate home footer --- content/community/nav.yml | 4 ++-- content/docs/nav.yml | 14 +++++++------- src/components/LayoutFooter/Footer.js | 10 +++++----- 3 files changed, 14 insertions(+), 14 deletions(-) diff --git a/content/community/nav.yml b/content/community/nav.yml index 0f59b80a0..baec2a57c 100644 --- a/content/community/nav.yml +++ b/content/community/nav.yml @@ -1,4 +1,4 @@ -- title: Community Resources +- title: Tài Nguyên Cộng Đồng items: - id: support title: Support @@ -18,7 +18,7 @@ title: Videos - id: external-resources title: External Resources -- title: Tools +- title: Công Cụ items: - id: debugging-tools title: Debugging diff --git a/content/docs/nav.yml b/content/docs/nav.yml index 4d4a7571f..5aa2c0104 100644 --- a/content/docs/nav.yml +++ b/content/docs/nav.yml @@ -1,4 +1,4 @@ -- title: Installation +- title: Cài Đặt items: - id: getting-started title: Getting Started @@ -8,7 +8,7 @@ title: Create a New React App - id: cdn-links title: CDN Links -- title: Main Concepts +- title: Những Khái Niệm Chính isOrdered: true items: - id: hello-world @@ -35,7 +35,7 @@ title: Composition vs Inheritance - id: thinking-in-react title: Thinking In React -- title: Advanced Guides +- title: Hướng Dẫn Nâng Cao items: - id: accessibility title: Accessibility @@ -79,7 +79,7 @@ title: Uncontrolled Components - id: web-components title: Web Components -- title: API Reference +- title: API Tham Chiếu items: - id: react-api title: React @@ -104,7 +104,7 @@ title: JS Environment Requirements - id: glossary title: Glossary -- title: Hooks (New) +- title: Hooks (Mới) isOrdered: true items: - id: hooks-intro @@ -123,7 +123,7 @@ title: Hooks API Reference - id: hooks-faq title: Hooks FAQ -- title: Contributing +- title: Đóng Góp items: - id: how-to-contribute title: How to Contribute @@ -133,7 +133,7 @@ title: Implementation Notes - id: design-principles title: Design Principles -- title: FAQ +- title: Câu Hỏi Thường Gặp items: - id: faq-ajax title: AJAX and APIs diff --git a/src/components/LayoutFooter/Footer.js b/src/components/LayoutFooter/Footer.js index bca76aac6..6a395b704 100644 --- a/src/components/LayoutFooter/Footer.js +++ b/src/components/LayoutFooter/Footer.js @@ -90,7 +90,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => ( href="https://discuss.reactjs.org" target="_blank" rel="noopener"> - Discussion Forum + Diễn Đàn Thảo Luận ( href="https://dev.to/t/react" target="_blank" rel="noopener"> - DEV Community + Cộng Đồng DEV ( ))} - More - Tutorial + Xem Thêm + Hướng Dẫn Blog - Acknowledgements + Lởi Cảm Ơn Date: Fri, 8 Feb 2019 11:50:18 +0100 Subject: [PATCH 09/11] translate declarative content --- content/home/marketing/declarative.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md index 3bddc8f1d..341f0dc85 100644 --- a/content/home/marketing/declarative.md +++ b/content/home/marketing/declarative.md @@ -1,8 +1,8 @@ --- -title: Rõ Ràng +title: Cú Pháp Rõ Ràng order: 0 --- -React giúp cho việc tạo giao diện có thể tương tác một cách dễ dàng. Trước tiên, hãy thiết kế các thành phần giao diện đơn giản trong ứng dụng của bạn, và React sẽ cập nhật giao diện tuỳ theo sự thay đổi của dữ liệu trong các thành phần đó. +React giúp cho việc xây dựng giao diện có tính tương tác một cách dễ dàng. Trước tiên, thiết kế các component giao diện đơn giản cho mỗi state trong ứng dụng của bạn, và React sẽ cập nhật giao diện tuỳ theo sự thay đổi dữ liệu trong các component đó. Giao diện được viết cách rõ ràng sẽ làm cho code của bạn dễ quan sát và dễ gỡ lỗi hơn. From dba74fa77a1d52faf8719d8726e1c922a0d6c11d Mon Sep 17 00:00:00 2001 From: nampdn Date: Fri, 8 Feb 2019 12:00:43 +0100 Subject: [PATCH 10/11] fix footer typo error --- src/components/LayoutFooter/Footer.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/LayoutFooter/Footer.js b/src/components/LayoutFooter/Footer.js index 6a395b704..0497261a7 100644 --- a/src/components/LayoutFooter/Footer.js +++ b/src/components/LayoutFooter/Footer.js @@ -132,7 +132,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => ( Hướng Dẫn Blog - Lởi Cảm Ơn + Lời Cảm Ơn Date: Wed, 13 Feb 2019 08:57:55 +0700 Subject: [PATCH 11/11] style(Footer): fix prettier format --- src/components/LayoutFooter/Footer.js | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/components/LayoutFooter/Footer.js b/src/components/LayoutFooter/Footer.js index 0497261a7..a41150b6c 100644 --- a/src/components/LayoutFooter/Footer.js +++ b/src/components/LayoutFooter/Footer.js @@ -131,9 +131,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => ( Xem Thêm Hướng Dẫn Blog - - Lời Cảm Ơn - + Lời Cảm Ơn