From 389c19f91a7aefa7d8775815a0ef8d60341cc680 Mon Sep 17 00:00:00 2001 From: Phong Dao Date: Fri, 28 Aug 2020 08:43:10 +0000 Subject: [PATCH 01/10] Update getting-started --- content/docs/getting-started.md | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index a813af511..fc96c8f2c 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -18,31 +18,31 @@ redirect_from: - "docs/environments.html" --- -This page is an overview of the React documentation and related resources. +Trang này là tổng quan về tài liệu React và các tài nguyên liên quan. -**React** is a JavaScript library for building user interfaces. Learn what React is all about on [our homepage](/) or [in the tutorial](/tutorial/tutorial.html). +**React** là thư viện JavaScript dùng để tạo giao diện người dùng. 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](/tutorial/tutorial.html). --- -- [Try React](#try-react) -- [Learn React](#learn-react) -- [Staying Informed](#staying-informed) -- [Versioned Documentation](#versioned-documentation) -- [Something Missing?](#something-missing) +- [Thử React](#try-react) +- [Học React](#learn-react) +- [Cập nhật thông tin](#staying-informed) +- [Tài liệu phiên bản](#versioned-documentation) +- [Thiếu gì đó?](#something-missing) -## Try React {#try-react} +## Thử React {#try-react} -React has been designed from the start for gradual adoption, and **you can use as little or as much React as you need.** Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app, the links in this section will help you get started. +React đã được thiết kế ngay từ đầu để áp dụng dần dần và **bạn có thể sử dụng ít hoặc nhiều React tùy theo nhu cầu.** Cho dù bạn muốn thưởng thức React, hãy thêm một số tương tác vào một trang HTML đơn giản hoặc bắt đầu một ứng dụng phức tạp do React hỗ trợ, các liên kết trong phần này sẽ giúp bạn bắt đầu. -### Online Playgrounds {#online-playgrounds} +### Thử ngay {#online-playgrounds} -If you're interested in playing around with React, you can use an online code playground. Try a Hello World template on [CodePen](codepen://hello-world), [CodeSandbox](https://codesandbox.io/s/new), [Glitch](https://glitch.com/edit/#!/remix/starter-react-template), or [Stackblitz](https://stackblitz.com/fork/react). +Nếu bạn muốn thử React ngay bây giờ, bạn có thể dùng một công cụ code trực tuyến. Thử với ví dụ Hello World trên [CodePen](codepen://hello-world), [CodeSandbox](https://codesandbox.io/s/new), [Glitch](https://glitch.com/edit/#!/remix/starter-react-template), hoặc [Stackblitz](https://stackblitz.com/fork/react). -If you prefer to use your own text editor, you can also [download this HTML file](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html), edit it, and open it from the local filesystem in your browser. It does a slow runtime code transformation, so we'd only recommend using this for simple demos. +Nếu bạn muốn sử dụng công cụ code của bạn, bạn có thể [tải file HTML này](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html), rồi sửa nó, sau đó mở tệp trên máy bạn bằng trình duyệt web. Nó sẽ khá chậm trong quá trình truyển đổi code, chúng tôi chỉ khuyến khích dùng nó cho ví dụ đơn giản. -### Add React to a Website {#add-react-to-a-website} +### Thêm React vào một trang web {#add-react-to-a-website} -You can [add React to an HTML page in one minute](/docs/add-react-to-a-website.html). You can then either gradually expand its presence, or keep it contained to a few dynamic widgets. +Bạn có thể [thêm React vào một trang HTML chỉ với một phút](/docs/add-react-to-a-website.html). You can then either gradually expand its presence, or keep it contained to a few dynamic widgets. ### Create a New React App {#create-a-new-react-app} From 4fa7f660a2b0afcae6a8faece5f1185f565ea701 Mon Sep 17 00:00:00 2001 From: Phong Dao Date: Fri, 28 Aug 2020 08:53:43 +0000 Subject: [PATCH 02/10] Update Nav --- content/docs/nav.yml | 34 +++++++++++++++++----------------- 1 file changed, 17 insertions(+), 17 deletions(-) diff --git a/content/docs/nav.yml b/content/docs/nav.yml index 98f73dea7..51065dbc4 100644 --- a/content/docs/nav.yml +++ b/content/docs/nav.yml @@ -1,22 +1,22 @@ - title: Cài đặt items: - id: getting-started - title: Getting Started + title: Bắt đầu - id: add-react-to-a-website - title: Add React to a Website + title: Thêm React vào một Website - id: create-a-new-react-app - title: Create a New React App + title: Tạo mới một React App - id: cdn-links - title: CDN Links + title: Các liên kết CDN - id: release-channels - title: Release Channels + title: Các kênh phát hành - title: Khái niệm chính isOrdered: true items: - id: hello-world title: Hello World - id: introducing-jsx - title: Introducing JSX + title: Giới thiệu JSX - id: rendering-elements title: Rendering Elements - id: components-and-props @@ -24,9 +24,9 @@ - id: state-and-lifecycle title: State and Lifecycle - id: handling-events - title: Handling Events + title: Xử lý Events - id: conditional-rendering - title: Conditional Rendering + title: Điều kiện Rendering - id: lists-and-keys title: Lists and Keys - id: forms @@ -36,11 +36,11 @@ - id: composition-vs-inheritance title: Composition vs Inheritance - id: thinking-in-react - title: Thinking In React + title: Tư duy trong React - title: Hướng dẫn nâng cao items: - id: accessibility - title: Accessibility + title: Khả năng tiếp cận - id: code-splitting title: Code-Splitting - id: context @@ -48,25 +48,25 @@ - id: error-boundaries title: Error Boundaries - id: forwarding-refs - title: Forwarding Refs + title: Chuyển tiếp Refs - id: fragments title: Fragments - id: higher-order-components title: Higher-Order Components - id: integrating-with-other-libraries - title: Integrating with Other Libraries + title: Tích hợp với các thư viện khác - id: jsx-in-depth title: JSX In Depth - id: optimizing-performance - title: Optimizing Performance + title: Tối ưu hiệu năng - id: portals title: Portals - id: profiler title: Profiler - id: react-without-es6 - title: React Without ES6 + title: React không sử dụng ES6 - id: react-without-jsx - title: React Without JSX + title: React không sử dụng JSX - id: reconciliation title: Reconciliation - id: refs-and-the-dom @@ -137,7 +137,7 @@ isOrdered: true items: - id: concurrent-mode-intro - title: Introducing Concurrent Mode + title: Giới thiệu Concurrent Mode - id: concurrent-mode-suspense title: Suspense for Data Fetching - id: concurrent-mode-patterns @@ -149,7 +149,7 @@ - title: Contributing items: - id: how-to-contribute - title: How to Contribute + title: Làm sao để đóng góp - id: codebase-overview title: Codebase Overview - id: implementation-notes From c8b37c32542d7b1d64d9b8c72fb6120ffab8ecbb Mon Sep 17 00:00:00 2001 From: Phong Date: Tue, 14 Sep 2021 21:33:47 +0700 Subject: [PATCH 03/10] Update headerNav.yml --- content/headerNav.yml | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/headerNav.yml b/content/headerNav.yml index 325a95c48..c9655cf2a 100644 --- a/content/headerNav.yml +++ b/content/headerNav.yml @@ -1,13 +1,13 @@ items: - - title: Docs + - title: Tài liệu to: /docs/getting-started.html activeSelector: /docs/ - - title: Tutorial + - title: Hướng dẫn to: /tutorial/tutorial.html activeSelector: /tutorial - title: Blog to: /blog/ activeSelector: /blog - - title: Community + - title: Cộng đồng to: /community/support.html activeSelector: /community From dbc8bda9c7271188ccbad4a20ccc4764f43dd439 Mon Sep 17 00:00:00 2001 From: Phong Date: Tue, 14 Sep 2021 21:35:00 +0700 Subject: [PATCH 04/10] Update add-react-to-a-website.md --- content/docs/add-react-to-a-website.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/add-react-to-a-website.md b/content/docs/add-react-to-a-website.md index d32da7faf..feba79796 100644 --- a/content/docs/add-react-to-a-website.md +++ b/content/docs/add-react-to-a-website.md @@ -1,6 +1,6 @@ --- id: add-react-to-a-website -title: Add React to a Website +title: Thêm React vào một Website permalink: docs/add-react-to-a-website.html redirect_from: - "docs/add-react-to-an-existing-app.html" From aeb42c251e885d8695e14badf4da52de7862fe6f Mon Sep 17 00:00:00 2001 From: Phong Date: Tue, 14 Sep 2021 15:46:45 +0000 Subject: [PATCH 05/10] translates create-a-new-react-app.md --- content/docs/create-a-new-react-app.md | 82 +++++++++++++------------- 1 file changed, 41 insertions(+), 41 deletions(-) diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md index 5d8570e96..c60d5b5fb 100644 --- a/content/docs/create-a-new-react-app.md +++ b/content/docs/create-a-new-react-app.md @@ -1,6 +1,6 @@ --- id: create-a-new-react-app -title: Create a New React App +title: Tạo mới một ứng dụng bằng React permalink: docs/create-a-new-react-app.html redirect_from: - "docs/add-react-to-a-new-app.html" @@ -8,38 +8,38 @@ prev: add-react-to-a-website.html next: cdn-links.html --- -Use an integrated toolchain for the best user and developer experience. +Sử dụng chuỗi công cụ tích hợp để có trải nghiệm tốt nhất cho người dùng và nhà phát triển. -This page describes a few popular React toolchains which help with tasks like: +Trang này mô tả một số công cụ React phổ biến giúp thực hiện các tác vụ như: -* Scaling to many files and components. -* Using third-party libraries from npm. -* Detecting common mistakes early. -* Live-editing CSS and JS in development. -* Optimizing the output for production. +* Mở rộng quy mô cho nhiều tệp và components. +* Sử dụng thư viện của bên thứ ba từ npm. +* Phát hiện sớm những lỗi thường mắc phải. +* Chỉnh sửa trực tiếp CSS và JS khi đang phát triển. +* Tối ưu hóa cho môi trường production. -The toolchains recommended on this page **don't require configuration to get started**. +Chuỗi công cụ giới thiệu ở trang này **không cần phải cấu hình trước khi bắt đầu**. -## You Might Not Need a Toolchain {#you-might-not-need-a-toolchain} +## Bạn có thể Không Cần một Công Cụ {#you-might-not-need-a-toolchain} -If you don't experience the problems described above or don't feel comfortable using JavaScript tools yet, consider [adding React as a plain `