diff --git a/src/components/Layout/Nav/Nav.tsx b/src/components/Layout/Nav/Nav.tsx
index af8f2066ba..e4c37083d3 100644
--- a/src/components/Layout/Nav/Nav.tsx
+++ b/src/components/Layout/Nav/Nav.tsx
@@ -129,7 +129,7 @@ export default function Nav() {
         <NextLink href="/">
           <a className="inline-flex text-l font-normal items-center text-primary dark:text-primary-dark py-1 mr-0 sm:mr-3 whitespace-nowrap">
             <Logo className="text-sm mr-2 w-8 h-8 text-link dark:text-link-dark" />
-            React Docs
+            React 中文文档
           </a>
         </NextLink>
         <div className="lg:w-full leading-loose hidden sm:flex flex-initial items-center h-auto pr-5 lg:pr-5 pt-0.5">
@@ -155,7 +155,7 @@ export default function Nav() {
       </div>
       <div className="px-0 pt-2 w-full 2xl:max-w-xs hidden lg:flex items-center self-center border-b-0 lg:border-b border-border dark:border-border-dark">
         <NavLink href="/" isActive={section === 'home'}>
-          Home
+          首页
         </NavLink>
         <NavLink href="/learn" isActive={section === 'learn'}>
           Learn
diff --git a/src/components/MDX/HomepageHero.tsx b/src/components/MDX/HomepageHero.tsx
index 14f2580d51..d9c997ccbe 100644
--- a/src/components/MDX/HomepageHero.tsx
+++ b/src/components/MDX/HomepageHero.tsx
@@ -13,7 +13,7 @@ function HomepageHero() {
         <Logo className="text-link dark:text-link-dark w-20 sm:w-28 mr-4 mb-4 sm:mb-0 h-auto" />
         <div className="flex flex-wrap">
           <h1 className="text-5xl mr-4 -mt-1 flex wrap font-bold leading-tight text-primary dark:text-primary-dark">
-            React Docs
+            React 中文文档
           </h1>
           <div className="inline-flex self-center px-2 mt-1 bg-highlight dark:bg-highlight-dark w-auto rounded text-link dark:text-link-dark uppercase font-bold tracking-wide text-base whitespace-nowrap">
             Beta
@@ -22,18 +22,16 @@ function HomepageHero() {
       </div>
       <section className="my-8 sm:my-10 grid grid-cols-1 lg:grid-cols-2 gap-x-8 gap-y-4">
         <div className="flex flex-col justify-center">
-          <YouWillLearnCard title="Learn React" path="/learn">
+          <YouWillLearnCard title="学习 React" path="/learn">
             <p>
-              Learn how to think in React with step-by-step explanations and
-              interactive examples.
+              通过逐步讲解和可交互的示例来学习用 React 思维方式思考。
             </p>
           </YouWillLearnCard>
         </div>
         <div className="flex flex-col justify-center">
           <YouWillLearnCard title="API Reference" path="/reference">
             <p>
-              Look up the API signatures of React Hooks, and see their shape
-              using the visual code diagrams.
+              查阅 React Hooks 的 API 签名，并通过可视化的代码图解来学习如何使用。
             </p>
           </YouWillLearnCard>
         </div>
diff --git a/src/components/MDX/YouWillLearnCard.tsx b/src/components/MDX/YouWillLearnCard.tsx
index b8b1261aae..e761e642fd 100644
--- a/src/components/MDX/YouWillLearnCard.tsx
+++ b/src/components/MDX/YouWillLearnCard.tsx
@@ -28,7 +28,7 @@ function YouWillLearnCard({title, path, children}: YouWillLearnCardProps) {
           type="primary"
           size="md"
           label={title}>
-          Read More
+          了解更多
           <IconNavArrow displayDirection="right" className="inline ml-1" />
         </ButtonLink>
       </div>
diff --git a/src/components/Search.tsx b/src/components/Search.tsx
index a531a06190..7d9edc0b66 100644
--- a/src/components/Search.tsx
+++ b/src/components/Search.tsx
@@ -109,7 +109,7 @@ export const Search: React.FC<SearchProps> = ({
         className="hidden md:flex relative pl-4 pr-0.5 py-1 h-10 bg-secondary-button dark:bg-gray-80 outline-none focus:ring focus:outline-none betterhover:hover:bg-opacity-80 pointer items-center shadow-inner text-left w-full text-gray-30 rounded-lg align-middle text-sm"
         onClick={onOpen}>
         <IconSearch className="mr-3 align-middle text-gray-30 flex-shrink-0 group-betterhover:hover:text-gray-70" />
-        Search
+        搜索
         <span className="ml-auto hidden sm:flex item-center">
           <Kbd>⌘</Kbd>
           <Kbd>K</Kbd>
diff --git a/src/pages/community/acknowledgements.md b/src/pages/community/acknowledgements.md
index 0aef7a8c93..9fe73447e4 100644
--- a/src/pages/community/acknowledgements.md
+++ b/src/pages/community/acknowledgements.md
@@ -1,11 +1,11 @@
 ---
-title: Acknowledgements
+title: 鸣谢
 layout: Home
 ---
 
-## React
+## React {#react}
 
-React was originally created by [Jordan Walke](https://github.com/jordwalke). Today, React has a [dedicated full-time team working on it](/community/team.html), as well as over a thousand [open source contributors](https://github.com/facebook/react/blob/main/AUTHORS). We'd like to recognize a few people who have made significant contributions to React and its documentation in the past and have helped maintain them over the years:
+React 最初由 [Jordan Walke](https://github.com/jordwalke) 创立。如今，React 已拥有 [专门的团队在全职从事这项工作](/community/team.html)，同时社区拥有超过 1k+ 的 [开源贡献者](https://github.com/facebook/react/blob/main/AUTHORS) 参与，我们想表彰一些人，他们在过去对 React 及其文档方面做出了重大贡献，并且多年来一直帮助维护它们：
 
 * [Almero Steyn](https://github.com/AlmeroSteyn)
 * [Andreas Svensson](https://github.com/syranide)
@@ -42,38 +42,38 @@ React was originally created by [Jordan Walke](https://github.com/jordwalke). To
 * [Tim Yung](https://github.com/yungsters)
 * [Yuzhi Zheng](https://github.com/yuzhi)
 
-This list is not exhaustive.
+这份名单并不详尽。
 
-We'd like to give special thanks to [Tom Occhino](https://github.com/tomocchino) and [Adam Wolff](https://github.com/wolffiex) for their guidance and support over the years. We are also thankful to all the volunteers who [translated React into other languages](https://translations.reactjs.org/).
+我们要特别感谢 [Tom Occhino](https://github.com/tomocchino) 和 [Adam Wolff](https://github.com/wolffiex)，感谢他们多年来的指导和支持。我们还要感谢所有 [将 React 翻译为其他语言的志愿者们](https://translations.reactjs.org/)。
 
-## React Docs
+## React 文档 {#react-docs}
 
-### Documentation
+### 文档
 
-* [Rachel Nabors](https://twitter.com/RachelNabors): editing, writing, illustrating
-* [Dan Abramov](https://twitter.com/dan_abramov): writing, curriculum design
-* [Sylwia Vargas](https://twitter.com/SylwiaVargas): example code
+* [Rachel Nabors](https://twitter.com/RachelNabors)：编辑，写作，插画
+* [Dan Abramov](https://twitter.com/dan_abramov)：写作，课程设计
+* [Sylwia Vargas](https://twitter.com/SylwiaVargas)：示例代码
 
-### Design
+### 设计
 
-* [Dan Lebowitz](https://twitter.com/lebo): design
-* [Razvan Gradinar](https://dribbble.com/GradinarRazvan): design
-* [Maggie Appleton](https://maggieappleton.com/): diagram system
+* [Dan Lebowitz](https://twitter.com/lebo)：设计
+* [Razvan Gradinar](https://dribbble.com/GradinarRazvan)：设计
+* [Maggie Appleton](https://maggieappleton.com/)：图解系统
 
-### Development
+### 开发
 
-* [Jared Palmer](https://twitter.com/jaredpalmer): site development
-* [ThisDotLabs](https://www.thisdot.co/) ([Dane Grant](https://twitter.com/danecando), [Dustin Goodman](https://twitter.com/dustinsgoodman)): site development
-* [CodeSandbox](https://codesandbox.io/) ([Ives van Hoorne](https://twitter.com/CompuIves), [Alex Moldovan](https://twitter.com/alexnmoldovan), [Jasper De Moor](https://twitter.com/JasperDeMoor), [Danilo Woznica](https://twitter.com/danilowoz)): sandbox integration
-* [Rick Hanlon](https://twitter.com/rickhanlonii): site development
+* [Jared Palmer](https://twitter.com/jaredpalmer)：网站开发
+* [ThisDotLabs](https://www.thisdot.co/) ([Dane Grant](https://twitter.com/danecando), [Dustin Goodman](https://twitter.com/dustinsgoodman))：网站开发
+* [CodeSandbox](https://codesandbox.io/) ([Ives van Hoorne](https://twitter.com/CompuIves), [Alex Moldovan](https://twitter.com/alexnmoldovan), [Jasper De Moor](https://twitter.com/JasperDeMoor), [Danilo Woznica](https://twitter.com/danilowoz))：集成 sandbox
+* [Rick Hanlon](https://twitter.com/rickhanlonii)：网站开发
 
-We'd also like to thank countless alpha testers and community members who gave us feedback along the way.
+我们还要感谢无数参与 alpha 测试的测试者和社区成员，他们为我们提供了很多宝贵的意见。
 
-## Additional Thanks
+## 额外鸣谢 {#additional-thanks}
 
-Additionally, we're grateful to:
+此外，我们还要感谢：
 
-* [Jeff Barczewski](https://github.com/jeffbski) for allowing us to use the `react` package name on npm
-* [Christopher Aue](https://christopheraue.net/) for letting us use the reactjs.com domain name and the [@reactjs](https://twitter.com/reactjs) username on Twitter
-* [ProjectMoon](https://github.com/ProjectMoon) for letting us use the [flux](https://www.npmjs.com/package/flux) package name on npm
-* Shane Anderson for allowing us to use the [react](https://github.com/react) org on GitHub
+* [Jeff Barczewski](https://github.com/jeffbski) 为我们贡献了 npm 上 `react` 的包名
+* [Christopher Aue](https://christopheraue.net/) 为我们贡献了 reactjs.com 的域名以及 Twitter 上 [@reactjs](https://twitter.com/reactjs) 的用户名
+* [ProjectMoon](https://github.com/ProjectMoon) 为我们贡献了 npm 上 [flux](https://www.npmjs.com/package/flux) 的包名
+* Shane Anderson 为我们贡献了 Github 上的 [react](https://github.com/react) 的 org
diff --git a/src/pages/index.md b/src/pages/index.md
index 4f9ebf4b11..b05d408f48 100644
--- a/src/pages/index.md
+++ b/src/pages/index.md
@@ -7,31 +7,31 @@ permalink: index.html
 
 <HomepageHero />
 
-## What is this site?
+## 这是什么网站? {#what-is-this-site}
 
-We are rewriting the React documentation with a few differences:
+我们正在重写 React 的文档，但又有些差异：
 
-- All explanations are **written using Hooks** rather than classes.
-- We've added **interactive examples** and visual diagrams.
-- Guides include **challenges (with solutions!)** to check your understanding.
+- 所有的讲解都 **使用 Hook 进行编写**，而未使用类。
+- 我们增加了 **可交互的示例** 以及可视化图解。
+- 指南中增加了 **挑战（包含解决方案）** 以帮助你查验你的掌握情况。
 
-This beta website contains the current draft of the new docs.
+该站点目前还处于 beta 阶段，同时，相关文档也处于草案阶段。
 
-## This is a work in progress!
+## 这项工作仍在进行中 {#this-is-a-work-in-progress}
 
-This is a **beta website**. There will be bugs, performance issues, and missing content.
+由于此站点仍处于 **beta 阶段**。可能会存在 bug，性能问题甚至是内容缺失等情况。
 
-## How much content is ready?
+## 有多少内容已就绪？ {#how-much-content-is-ready}
 
-* [Learn React](/learn): ~70% finished.
-* [API Reference](/reference): ~5% finished.
+* [Learn React](/learn): 已完成近 70%。
+* [API Reference](/reference): 已完成近 5%。
 
-You can track our progress [on GitHub](https://github.com/reactjs/reactjs.org/issues/3308).
+你可以 [在 Github 上](https://github.com/reactjs/reactjs.org/issues/3308) 追踪我们的进度。
 
-## How can I provide feedback?
+## 如何提供反馈? {#how-can-i-provide-feedback}
 
-Please use [this GitHub issue](https://github.com/reactjs/reactjs.org/issues/3308) or [this anonymous form](https://www.surveymonkey.co.uk/r/Y6GH986) for high-level feedback. Additionally, each page has a Feedback button in the corner. If you spot something that doesn't make sense, please tell us!
+请提交到 [这个 GitHub issue](https://github.com/reactjs/reactjs.org/issues/3308) 或 [填写这个匿名表格](https://www.surveymonkey.co.uk/r/Y6GH986) 进行反馈。此外，每个页面都设有反馈按钮。如果你发现任何不合理的地方，请告诉我们！
 
-## Will this site replace the main site?
+## 此站点是否会取代主站点？ {#will-this-site-replace-the-main-site}
 
-We aim to switch this site to be the main one once we reach content parity with the [existing React documentation](https://reactjs.org/). The old React website will be archived at a subdomain so you'll still be able to access it. Old content links will redirect to the archived subdomain, which will have a notice about outdated content.
+我们的目标是，当此站点的内容与 [现有 React 文档](https://reactjs.org/) 一致时。就会把此站点切为主站，而旧的 React 官网将被归档到子域下，你仍可访问它。旧的内容链接将重定向到归档的子域中，其中会包含过时的提示。
diff --git a/src/sidebarHome.json b/src/sidebarHome.json
index 21ddd2f7fc..b260490b0c 100644
--- a/src/sidebarHome.json
+++ b/src/sidebarHome.json
@@ -1,5 +1,5 @@
 {
-  "title": "Home",
+  "title": "首页",
   "heading": true,
   "path": "/",
   "routes": [
@@ -8,17 +8,17 @@
       "path": "",
       "routes": [
         {
-          "title": "Overview",
+          "title": "概览",
           "path": "/"
         },
         {
-          "title": "Community",
+          "title": "社区",
           "path": "/community",
           "routes": [{
-            "title": "Acknowledgements",
+            "title": "鸣谢",
             "path": "/community/acknowledgements"
           }, {
-            "title": "Meet the Team",
+            "title": "走进 React 团队",
             "path": "/community/meet-the-team"
           }]
         }