Giter Site home page Giter Site logo

reactjs / zh-hans.reactjs.org Goto Github PK

View Code? Open in Web Editor NEW
859.0 39.0 1.1K 153.61 MB

React documentation website in Simplified Chinese

Home Page: https://zh-hans.react.dev

License: Creative Commons Attribution 4.0 International

JavaScript 32.88% CSS 7.33% HTML 0.27% Shell 0.01% TypeScript 59.50%

zh-hans.reactjs.org's Introduction

此仓库包含 React 中文文档 的文档及源码,并由官方实时同步。

参与贡献

目前,大部分的翻译工作都已经完成。现在主要工作是同步和完善已有翻译。

参与贡献前,请仔细阅读 React 中文文档译文规范


react.dev

This repo contains the source code and documentation powering react.dev.

Getting started

Prerequisites

  1. Git
  2. Node: any 12.x version starting with v12.0.0 or greater
  3. Yarn: See Yarn website for installation instructions
  4. A fork of the repo (for any contributions)
  5. A clone of the react.dev repo on your local machine

Installation

  1. cd react.dev to go into the project root
  2. yarn to install the website's npm dependencies

Running locally

  1. yarn dev to start the development server (powered by Next.js)
  2. open http://localhost:3000 to open the site in your favorite browser

Contributing

Guidelines

The documentation is divided into several sections with a different tone and purpose. If you plan to write more than a few sentences, you might find it helpful to get familiar with the contributing guidelines for the appropriate sections.

Create a branch

  1. git checkout main from any folder in your local react.dev repository
  2. git pull origin main to ensure you have the latest main code
  3. git checkout -b the-name-of-my-branch (replacing the-name-of-my-branch with a suitable name) to create a branch

Make the change

  1. Follow the "Running locally" instructions
  2. Save the files and check in the browser
  3. Changes to React components in src will hot-reload
  4. Changes to markdown files in content will hot-reload
  5. If working with plugins, you may need to remove the .cache directory and restart the server

Test the change

  1. If possible, test any visual changes in all latest versions of common browsers, on both desktop and mobile.
  2. Run yarn check-all. (This will run Prettier, ESLint and validate types.)

Push it

  1. git add -A && git commit -m "My message" (replacing My message with a commit message, such as Fix header logo on Android) to stage and commit your changes
  2. git push my-fork-name the-name-of-my-branch
  3. Go to the react.dev repo and you should see recently pushed branches.
  4. Follow GitHub's instructions.
  5. If possible, include screenshots of visual changes. A preview build is triggered after your changes are pushed to GitHub.

Translation

If you are interested in translating react.dev, please see the current translation efforts here.

License

Content submitted to react.dev is CC-BY-4.0 licensed, as found in the LICENSE-DOCS.md file.

zh-hans.reactjs.org's People

Contributors

acdlite avatar alexkrolick avatar awxiaoxian2020 avatar bvaughn avatar chenglou avatar danilowoz avatar dependabot[bot] avatar docschina-bot avatar gaearon avatar jimfb avatar koba04 avatar kohei-takata avatar lex111 avatar marocchino avatar mcsheffrey avatar petehunt avatar qc-l avatar reactjs-translation-bot avatar rickhanlonii avatar robhrt7 avatar sebmarkbage avatar smikitky avatar sophiebits avatar tesseralis avatar vjeux avatar yangshun avatar yucohny avatar yuqingc avatar zpao avatar zqran avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

zh-hans.reactjs.org's Issues

[READ ONLY] The Glossary Sheet

React 翻译参考

相关问题讨论请移步至 #611. 本 issue 现在为只读状态

  • 本术语表只适用于该术语作为整体概念时的翻译参考,当其作为概念的一部分时,视具体情况翻译。

React 中英文对照表

术语 译文
asserts 断言
Application 应用
breaking change 破坏性更改
callback 回调函数
Class Components 类式组件
Composition 组合
conditional rendering 条件渲染
controlled components 受控组件
Cross-Cutting Concerns 横切关注点
data 数据
Declarative 声明式
derived state 派生状态
Elements 元素
Embedding Expressions 嵌入表达式
escape hatches 应急方案
External Plugins 外部插件
Function component 函数组件
Functional Components 函数式组件
function signature 函数签名
HOC 高阶函数(HOC)
higher-order-component 高阶函数
Handling Events 事件处理
Inheritance 继承
Legacy 过时
local state 内部 state
mock 设计稿
operator 运算符
prop drilling prop 逐级透传
Reconciliation 协调
render 渲染
Reusable 可复用
shallow rendering 浅层渲染
Stateful Component 有状态组件
syntax 语法
Third Plugins 第三方插件
uncontrolled components 非受控组件
Vendor Prefix 浏览器引擎

通用

原文 译文
Code linters 代码检查工具
example 示例
For example 例如
Importing 如何引入
In this chapter 本章节
Note 注意
opt-in 可选
Overview 概览
Reference 参考
section 章节
Tip 提示
Tutorial 教程
Try it on CodePen 在 CodePen 上尝试
What's next 下节预告

有时无需翻译的内容

  • 原文术语大小写一致时和下表一致的优先不翻译,大小写不一致的,视具体情况决定是否翻译,如需翻译,可参考可选翻译一列。
  • 下表只适用于该术语作为整体概念时的参考,当其作为概念的一部分时,视具体情况决定是否翻译,如需翻译,可参考可选翻译一列。
  • 中文文档中,术语的大小写和单复数请跟下表保持一致,例如原文的 props 不需要改为单数。
术语 可选翻译
Attributes
bundle
class
Consumer
context
Create React App
DOM
Effect 副作用
fallback
Fiber
fragments
Good/Bad
Hook
hydrate/hydration
mixins
Mutation
package
polyfill
Portal
PropTypes
Provider
props / prop
React
ref
state 状态
Tick
UI 用户界面
Web
Web Components
wrapper

不需翻译的链接:

  • Wikipedia
  • MDN

OLD CLAIMS

翻译前,请仔细阅读 React-中文文档译文排版指南

For New Translators

To translate a page:

  1. Check that no one else has claimed your page in the checklist and comments below.
  2. Comment below with the name of the page you would like to translate. Take only one page at a time.
  3. Clone this repo, translate your page, and submit a pull request!

Please check the previous fork (https://react.docschina.org/) before starting a translation. Make sure to compare the content with the current React website to makes sure everything is up to date!

For Maintainers

When someone volunteers, edit this issue with the username of the volunteer, and with the PR. Ex:

When PRs are merged, make sure to mark that page as completed!

Core Pages

To do before releasing as an "official" translation. Please translate these pages first.

Navigation

These are the navigation links that appears in the sidebar. Possibly wait until
the corresponding sections are translated to do these.

Next Steps

These are the next most important translations, ordered by importance:

Installation

Hooks

Everyone is hooked on hooks! People are really excited for these and it would be great for them to be translated.

Warnings

These are the pages that you get when you click the links in the console (e.g. https://reactjs.org/warnings/dont-call-proptypes.html). People tend to search these, so please don't translate the error message itself.

Advanced Guides

FAQ

Contributing

Priority: Low

Components

Components in src/components that have some text in them.

Additional Translations

These are not the primary translation targets.

  • Blog
    • 2013-06-02-jsfiddle-integration
    • 2013-06-05-why-react (@laobeijing0806) #179
    • 2013-06-12-community-roundup
    • 2013-06-19-community-roundup-2
    • 2013-06-21-react-v0-3-3
    • 2013-06-27-community-roundup-3
    • 2013-07-02-react-v0-4-autobind-by-default
    • 2013-07-03-community-roundup-4
    • 2013-07-11-react-v0-4-prop-validation-and-default-values
    • 2013-07-17-react-v0-4-0
    • 2013-07-23-community-roundup-5
    • 2013-07-26-react-v0-4-1
    • 2013-07-30-use-react-and-jsx-in-ruby-on-rails
    • 2013-08-05-community-roundup-6
    • 2013-08-19-use-react-and-jsx-in-python-applications (@CalElFe) #171
    • 2013-08-26-community-roundup-7
    • 2013-09-24-community-roundup-8
    • 2013-10-3-community-roundup-9
    • 2013-10-16-react-v0.5.0
    • 2013-10-29-react-v0-5-1
    • 2013-11-06-community-roundup-10
    • 2013-11-18-community-roundup-11
    • 2013-12-18-react-v0.5.2-v0.4.2
    • 2013-12-19-react-v0.8.0
    • 2013-12-23-community-roundup-12
    • 2013-12-30-community-roundup-13
    • 2014-01-02-react-chrome-developer-tools
    • 2014-01-06-community-roundup-14
    • 2014-02-05-community-roundup-15
    • 2014-02-15-community-roundup-16
    • 2014-02-16-react-v0.9-rc1
    • 2014-02-20-react-v0.9
    • 2014-02-24-community-roundup-17
    • 2014-03-14-community-roundup-18
    • 2014-03-19-react-v0.10-rc1
    • 2014-03-21-react-v0.10
    • 2014-03-28-the-road-to-1.0
    • 2014-04-04-reactnet
    • 2014-05-06-flux
    • 2014-05-29-one-year-of-open-source-react
    • 2014-06-27-community-roundup-19
    • 2014-07-13-react-v0.11-rc1
    • 2014-07-17-react-v0.11
    • 2014-07-25-react-v0.11.1
    • 2014-07-28-community-roundup-20
    • 2014-07-30-flux-actions-and-the-dispatcher
    • 2014-08-03-community-roundup-21
    • 2014-09-03-introducing-the-jsx-specification
    • 2014-09-12-community-round-up-22
    • 2014-09-16-react-v0.11.2
    • 2014-09-24-testing-flux-applications
    • 2014-10-14-introducing-react-elements
    • 2014-10-16-react-v0.12-rc1
    • 2014-10-17-community-roundup-23
    • 2014-10-27-react-js-conf
    • 2014-10-28-react-v0.12
    • 2014-11-24-react-js-conf-updates
    • 2014-11-25-community-roundup-24
    • 2014-12-18-react-v0.12.2
    • 2014-12-19-react-js-conf-diversity-scholarship
    • 2015-01-27-react-v0.13.0-beta-1
    • 2015-02-18-react-conf-roundup-2015
    • 2015-02-20-introducing-relay-and-graphql
    • 2015-02-24-react-v0.13-rc1
    • 2015-02-24-streamlining-react-elements
    • 2015-03-03-react-v0.13-rc2
    • 2015-03-04-community-roundup-25
    • 2015-03-10-react-v0.13
    • 2015-03-16-react-v0.13.1
    • 2015-03-19-building-the-facebook-news-feed-with-relay
    • 2015-03-26-introducing-react-native
    • 2015-03-30-community-roundup-26
    • 2015-04-17-react-native-v0.4
    • 2015-04-18-react-v0.13.2
    • 2015-05-01-graphql-introduction
    • 2015-05-08-react-v0.13.3
    • 2015-05-22-react-native-release-process
    • 2015-06-12-deprecating-jstransform-and-react-tools
    • 2015-07-03-react-v0.14-beta-1
    • 2015-08-03-new-react-devtools-beta
    • 2015-08-11-relay-technical-preview
    • 2015-08-13-reacteurope-roundup
    • 2015-09-02-new-react-developer-tools
    • 2015-09-10-react-v0.14-rc1
    • 2015-09-14-community-roundup-27
    • 2015-10-01-react-render-and-top-level-api
    • 2015-10-07-react-v0.14
    • 2015-10-19-reactiflux-is-moving-to-discord
    • 2015-10-28-react-v0.14.1
    • 2015-11-02-react-v0.14.2
    • 2015-11-18-react-v0.14.3
    • 2015-12-04-react-js-conf-2016-diversity-scholarship
    • 2015-12-16-ismounted-antipattern
    • 2015-12-18-react-components-elements-and-instances
    • 2015-12-29-react-v0.14.4
    • 2016-01-08-A-implies-B-does-not-imply-B-implies-A
    • 2016-01-12-discontinuing-ie8-support
    • 2016-02-19-new-versioning-scheme
    • 2016-03-07-react-v15-rc1
    • 2016-03-16-react-v15-rc2
    • 2016-03-29-react-v0.14.8
    • 2016-04-07-react-v15
    • 2016-04-08-react-v15.0.1
    • 2016-07-11-introducing-reacts-error-code-system
    • 2016-07-13-mixins-considered-harmful
    • 2016-07-22-create-apps-with-no-configuration
    • 2016-08-05-relay-state-of-the-state
    • 2016-09-28-our-first-50000-stars
    • 2016-11-16-react-v15.4.0
    • 2017-04-07-react-v15.5.0
    • 2017-05-18-whats-new-in-create-react-app
    • 2017-06-13-react-v15.6.0
    • 2017-07-26-error-handling-in-react-16
    • 2017-09-08-dom-attributes-in-react-16
    • 2017-09-25-react-v15.6.2
    • 2017-09-26-react-v16.0
    • 2017-11-28-react-v16.2.0-fragment-support
    • 2017-12-07-introducing-the-react-rfc-process
    • 2017-12-15-improving-the-repository-infrastructure
    • 2018-03-01-sneak-peek-beyond-react-16
    • 2018-03-27-update-on-async-rendering(@fonkie) #282
    • 2018-03-29-react-v-16-3(@fonkie)
    • 2018-05-23-react-v-16-4
    • 2018-06-07-you-probably-dont-need-derived-state (@maicss) #168
    • 2018-08-01-react-v-16-4-2
    • 2018-09-10-introducing-the-react-profiler(@fonkie) #253
    • 2018-10-01-create-react-app-v2 (@hstarorg)
    • 2018-10-23-react-v-16-6
    • 2018-11-13-react-conf-recap (@manglobe) #181
    • 2018-11-27-react-16-roadmap (@ghycy15)
    • 2018-12-19-react-v-16-7
    • 2019-02-06-react-v16.8.0 (@JiyuShao) #171
    • 2019-02-23-is-react-translated-yet (@penghk)
    • 2020-02-26-react-v16.13.0 (@Yilia-Wish)
  • Community

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.