Repository navigation
New Traditional Chinese Translation Progress #260
Description
Maintainers
For New Translators
To translate a page:
- Check that no one else has claimed your page in the checklist and comments below.
- Comment below with the name of the page you would like to translate. Please take only one page at a time.
- Clone this repo, translate your page, and submit a pull request!
Before contributing, read the glossary and style guide (once they exist) to understand how to translate various technical and React-specific terms.
Please be prompt with your translations! If you find that you can't commit anymore, let the maintainers know so they can assign the page to someone else.
For Maintainers
When someone volunteers, edit this issue with the username of the volunteer, and with the PR. Ex:
- Quick Start (@tesseralis) #12345
When PRs are merged, make sure to mark that page as completed!
Main Content
To do before releasing as an "official" translation. Please translate these pages first.
Note that each section has an index page, which needs to be translated too.
Learn React
-
Quick Start (@neighborhood999) feat: translation quick-start #399
- Tutorial: Tic Tac Toe (@neighborhood999)
- Thinking in React (@NoZ915 ) translation: thinking-in-react #515
-
Installation (@neighborhood999) feat: translation installation #385
- Start a New React Project (@neighborhood999) feat(docs): translate start a new react project #379
- Add React to an Existing Project (@neighborhood999) feat: translate add react to an existing project #384
- Editor Setup (@neighborhood999) feat: translate editor setup #269
- React Developer Tools (@neighborhood999) feat: translate react dev tools #287
-
Describing the UI (@yuaanlin) feat: translate describing the ui #312
- Your First Component (@JamieLoLo) translation: Your First Component #483
- Importing and Exporting Components (@JamieLoLo) translation: Importing And Exporting Components #484
- Writing Markup with JSX (@owonie)
- JavaScript in JSX with Curly Braces (@kai2128) docs: translation JavaScript in JSX #364
- Passing Props to a Component (@kai2128) docs: translation Passing Props to a Component #365
- Conditional Rendering (@brian3814) docs: Translate Conditional Rendering #383
- Rendering Lists (@rccj)
- Keeping Components Pure (@viboloveyou12) docs: translate keeping-components-pure #414
-
Adding Interactivity
- Responding to Events (@yishuolin) docs: translate responding-to-events #407
- State: A Component's Memory (@alpheustangs) docs: translation State: A Component's Memory #406
- Render and Commit (@Jim876633) docs: translation Render and Commit #387
- State as a Snapshot (@Annie-Chien) doc: translate State as a Snapshot #388
- Queueing a Series of State Updates (@Jim876633) docs: translate Queueing a Series of State Updates #417
- Updating Objects in State (@ginger-lemon)
- Updating Arrays in State (@ginger-lemon)
-
Managing State
- Reacting to Input with State (@max80713)
- Choosing the State Structure (@max80713)
- Sharing State Between Components (@max80713)
- Preserving and Resetting State (@nathanlao)
- Extracting State Logic into a Reducer
- Passing Data Deeply with Context (@ShenHdian)
- Scaling Up with Reducer and Context
-
Escape Hatches (@rayatn1011) feat(docs): translate escape hatches #381
- Referencing Values with Refs (@rayatn1011)
- Manipulating the DOM with Refs (@Kate-Chu)
- Synchronizing with Effects (@Kate-Chu)
- You Might Not Need an Effect (@dracarys55)
- Lifecycle of Reactive Effects
- Separating Events from Effects (@dracarys55)
- Removing Effect Dependencies
- Reusing Logic with Custom Hooks (@ginger-lemon)
API Reference
-
react: Hooks-
useCallback(@trevlee0212) -
useContext -
useDebugValue -
useDeferredValue -
useEffect(@ukea) -
useId -
useImperativeHandle -
useInsertionEffect -
useLayoutEffect -
useMemo -
useReducer -
useRef -
useState(@clhuang224) -
useSyncExternalStore -
useTransition
-
-
react: Components-
<Fragment> (<>) -
<Profiler> -
<StrictMode> -
<Suspense>
-
-
react: APIs-
createContext -
forwardRef -
lazy -
memo -
startTransition
-
-
react-dom: Components- Common (e.g.
<div>) -
<input> -
<option> -
<progress> -
<select> -
<textarea>
- Common (e.g.
-
react-dom: APIs-
createPortal -
flushSync -
findDOMNode -
hydrate -
render -
unmountComponentAtNode
-
-
react-dom/client: Client APIs-
createRoot -
hydrateRoot
-
-
react-dom/server: Server APIs-
renderToNodeStream -
renderToPipeableStream -
renderToReadableStream -
renderToStaticMarkup -
renderToStaticNodeStream -
renderToString
-
Navigation and UI
We suggest to leave most of the UI translation until the end. We plan to do some invasive changes to the website folder layout and components, so postponing this until your translation is almost complete would make it easier to merge the changes from our side later. It might make sense to translate the homepage above the fold early, but leave the rest for later. As individual pages get translated, you can change the page titles in the corresponding sidebar files. Finally, when you're translating the navigation, make sure to test both desktop and mobile layouts.
- Homepage (currently in
HomeContent.js) - Sidebars (currently in
src/sidebar*.json) - Top-level navigation (currently in
TopNav.tsx)
When You're Ready...
After everything above is translated, add your language to deployedLanguages in Seo.tsx of the original reactjs/react.dev repository.
Secondary Content
These API pages should ideally be translated too, but they're less urgent and can be done after the others:
- Legacy React APIs
-
Children -
cloneElement -
Component -
createElement(@c0dedance) -
createFactory -
createRef -
isValidElement -
PureComponent
-
Optional Content
These aren't the main translation targets, but if you'd like to do them, feel free to expand the list to include their subpages:
- Community
- Blog
- Warnings
Activity
yuu2lee4 commentedon Apr 8, 2022
the translated docs not published?
bugtender commentedon Jun 13, 2022
For people who don't know where to find the translated BETA doc.
Here's the link https://beta.zh-hant.reactjs.org. 😀
K4Lok commentedon Feb 14, 2023
Hi @neighborhood999 , I want to make contributions to the translation of the Beta Docs. However, the code base seems to be not syncing correctly with https://github.com/reactjs/reactjs.org for a while. https://beta.zh-hant.reactjs.org/ is outdated!
Is there anything I can help with?
neighborhood999 commentedon Feb 16, 2023
Hi @K4Lok , thanks for your question.
Yes, the current docs are out of date from the latest docs, in the PR list has many sync PRs and I will resolve conflicts and then you can make docs contribution.
Kate-Chu commentedon Mar 7, 2023
Hi @neighborhood999 I want to make contributions to translate "Referencing Values with Refs", "Manipulating the DOM with Refs", and "Synchronizing with Effects" (which is not shown on the list yet? Can I translate it also?) Thank you! :D
neighborhood999 commentedon Mar 7, 2023
Hi @Kate-Chu, thank you for helping, I added your name to the corresponding documents.
JamieLoLo commentedon Mar 8, 2023
Hi @neighborhood999 I want to make contributions to translate "Your First Component", "Importing and Exporting Components" and "Writing Markup with JSX" . Thank you :)
neighborhood999 commentedon Mar 9, 2023
Hi @JamieLoLo thank you for helping translation, I added you to the above list. For the term, if you are not sure how to translate you can check Glossary.
max80713 commentedon Mar 20, 2023
Hi @neighborhood999 I want to make contributions to translate "Reacting to Input with State", "Choosing the State Structure", and "Sharing State Between Components". Thank you 😋
neighborhood999 commentedon Mar 22, 2023
Hi @max80713 thank you for helping, updated the above list.
kai2128 commentedon Mar 22, 2023
Hi @neighborhood999 I would like to contribute on:
neighborhood999 commentedon Mar 29, 2023
Thanks for your contribution, I updated the above list and I will review them.
JamieLoLo commentedon Apr 4, 2023
HI @neighborhood999
I have submitted the following three documents as a pull request to the repository. As this is my first time participating in a translation project, I would like to ask if the submission process has been completed correctly. Thank you.
docs: translation Your First Component #368
docs: translation Importing and Exporting Components #369
docs: translation Writing Markup with JSX #370
neighborhood999 commentedon Apr 10, 2023
@JamieLoLo Yes, no worries :). I will review these PRs and thanks for your contribution.
gaearon commentedon Apr 24, 2023
Hi folks,
Just a heads-up that we've done our best to bring
mainandlegacybranches up-to-date with upstream. This brings you to the latest visual design and sets up all the redirects. We don't anticipate more changes necessary onlegacy. Formain, there's a few things you need to be aware of:Thank you so much for your cooperation!
38 remaining items
nathanlao commentedon Oct 19, 2024
Hi @neighborhood999 , I'd like to contribute by translating the
Preserving and Resetting Statesection inManaging State. I'm fluent in traditional chinese, and have read the contribution guide. Thank you!neighborhood999 commentedon Oct 19, 2024
Hi @ShenHdian and @nathanlao, Thank you guys for the translation. I updated the above translation list and assigned a chapter with your names.
JamieLoLo commentedon Oct 30, 2024
Hi @neighborhood999, I'm Jamie.
Due to an issue with branch setup in my previous PR, I have resubmitted two PRs as follows:
translation: Your First Component #483
translation: Importing And Exporting Components #484
The content of these PRs has been revised according to the previous review. I also noticed that the official documentation has been updated, and I have made the necessary adjustments accordingly.
I would really appreciate it if you could review them. Thank you so much, and have a great day!
Update zh-hant.json to match the current list
Add Bengali language for react docs (#266)
clhuang224 commentedon Dec 4, 2025
Hi @neighborhood999 , I’d like to contribute by translating
useStateinreact: Hooks. Thank you :)#540
neighborhood999 commentedon Dec 12, 2025
Thank you for your contribution.❤️
clhuang224 commentedon Dec 15, 2025
Hi @neighborhood999 , I'd like to contribute by translating
Extracting State Logic into a Reducerthis time as well. Thanks!#544
clhuang224 commentedon Jan 13, 2026
Hi @neighborhood999, me again 😆
I'd like to translate
Scaling Up with Reducer and Contextthis time.Thank you 😊
#548
clhuang224 commentedon Jan 26, 2026
Hi @neighborhood999, I'd like to continue translating
Lifecycle of Reactive Effectsthis time, thank you 😌#552
clhuang224 commentedon Feb 16, 2026
Hi @neighborhood999, I'd like to continue translating
Removing Effect Dependencies, thank you!#554
clhuang224 commentedon Feb 17, 2026
Hi @neighborhood999 , I’d like to continue translating
useContextinreact: Hooks. Thank you :)#555
clhuang224 commentedon Feb 17, 2026
Hi @neighborhood999 , I’d like to continue translating
useDebugValueinreact: Hooks. Thank you!#556
clhuang224 commentedon Feb 17, 2026
Hi @neighborhood999, I'd like to translate
useDeferredValueinreact: Hooks.Please let me know if I missed anything.
Thanks!
JamieLoLo commentedon Aug 3, 2026
Hi @neighborhood999 I want to make contributions to translate API Reference "useContext", "useDebugValue" and "useDeferredValue" . Thank you :)