Repository navigation
New Arabic Translation Progress #464
Description
Activity
- pinned this issue
on Apr 25, 2023 @asantarissy @iRayan7 @aladin002dz @Fcmam5 @mohshbool @3imed-jaberi @splimter
Could you please confirm whether you'd be able to steer the effort on this translation? If not, please send a PR to remove yourself from https://github.com/reactjs/translations.react.dev/blob/main/langs/ar.json so that we know which maintainers are active. If there are no active maintainers, we'll put out a call looking for someone to take this on. Thank you!
I would like to transplant the page : API reference/ react:Hooks / useCallback
or the Api reference / Hooks index page .I would start with "Thinking in React".
Is there a glossary or style guide ready for use yet?@gaearon I confirm my participation here as a maintainer.
About the team, I will notify them, and once I get feedback I will update the maintainer list.Thanks!
I would like to transplant the page : API reference/ react:Hooks / useCallback or the Api reference / Hooks index page .
@aalhommada, you should take one page each time. So, can you mention which of them you will take?
@3imed-jaberi I will begin with the index .
I would start with "Thinking in React". Is there a glossary or style guide ready for use yet?
@hAbuMustafa, you can follow our glossary here and don't forget to open PR and feel free to mark it as a draft once you be done.
assigned.
I would like to start by translating the
quick start / indexpage.
@Yarob50 waiting for your PR 🔥
assigned.
Reacted by Yarob Al Mostafa (يعرُب)@aalhommada, waiting for your PR 🔥
assigned.
Please open PR and mark them as DRAFT or with
[WIP]under you're done with it. This will help us on pages managment like identifying which pages are already picked.Hi @3imed-jaberi, I would like to translate
Describing the UII would like to start by translating the
quick start / indexpage.
@Yarob50 waiting for your PR 🔥
assigned.
Thanks @3imed-jaberi,
I opened a draft PR and here is the link to it:
#465I also added a question about the
rtlissue.76 remaining items
Hi @3imed-jaberi - @AhmedBaset , I would like to translate
Start a New React ProjectReacted by Mouad daddaHi everyone, I'm new here! Can I start by contributing to the translation of the top navbar?
Hi everyone, I'm new here! Can I start by contributing to the translation of the top navbar?
Go ahead
Reacted by HENCHIR Hatemhi, i would like to work on createContext
firts time btw.abdelkabirouadoukou commented
on Mar 17, 2025 ContributorMore actionsHey, I already translate footer section
abdelkabirouadoukou commented
on Mar 17, 2025 ContributorMore actionsChanges I made:
Home page translations.
Added Arabic translations for all footer links.
Updated the copyright notice to include Arabic text.i would like to take "Start a New React Project" to help
Salam @AhmedBaset ,
I hope you're doing well.
Please take a moment to review my PR: #637
.
If you have any comments, kindly leave them directly on the PR. Also, please check the description for details on the reason behind this update.Salam, I'd like to translate Queueing a Series of State Updates
I would like to translate this Section " Passing Data Deeply with Context"
Salam, I would like to translate the page "setup"
I would like to translate the page "Your UI as a Tree"
Hi! I'd like to translate the "Introduction" page of the React Compiler section (/learn/react-compiler/introduction).
Salam! I’d like to translate the React Compiler → Installation page into Arabic. ( https://react.dev/learn/react-compiler/installation )
Is there an updated roadmap or priority list I should follow?

Maintainer List
For New Translators
To translate a page:
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:
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 (@Yarob50) [DONE]: Translating "Quick Start / Index Page" #465
Installation (@AbdulrehmanSuliman) [DONE]: Translation of Installation #475
Add React to an existing project#473Editor-Setup.md#479React Developer tools#476Describing the UI (@algorizr ) [DONE]: Translate
Describing the UIpage #472Your First Component#488Importing and Exporting Compoenents#481Writing-markup-with-jsx.md#480JavaScript in JSX with Curly Braces#498Adding Interactivity (@abdllahdev) [DONE]: Translate
Adding Interactivity#516Render and Commit#478Managing State (@Rumbustious) Translate
Managing Statepage #522Escape Hatches
API Reference
Overview
react: Hooks (@aalhommada) translate reference react index page #477useuseCallbackuseContextuseDebugValue(@remahmoud) [Done] TranslatinguseDebugValue#489useDeferredValueuseEffectuseId(@remahmoud) useId page translation #483useImperativeHandleuseInsertionEffectuseLayoutEffectuseMemouseOptimisticuseReduceruseRefuseState(@r-m169)useSyncExternalStoreuseTransitionreact: Components (@AhmedBaset) Translating Reference: React/Components #509<Fragment> (<>)<Profiler><StrictMode><Suspense>react: APIs (@AhmedBaset) Translating: APIs index page #507createContextcacheforwardReflazymemostartTransitionactRSC
'use client'and'use server'. #505"use client""use server"(@AhmedBaset) Translating directives,'use client'and'use server'. #505experimental_taintObjectReferenceexperimental_taintUniqueValueRules
Hooks
useFormStateuseFormStatusreact-dom: Components<div>)<form><input><option>(@muh-osman) Translate<option>page [UPDATED] #487<progress>(@mrlahmar) [DONE] translate <progress> page #491<select><textarea><script><meta><link><style><title>react-dom: APIs (@AhmedBaset) Translating: Reference/react-dom/index #508createPortalflushSyncfindDOMNodehydratepreconnectprefetchDNSpreinitpreinitModulepreloadpreloadModulerenderunmountComponentAtNodereact-dom/client: Client APIs (@AhmedBaset) Translating: Client section in the react-dom reference #510createRoot(@AhmedBaset) Translating: Client section in the react-dom reference #510hydrateRootreact-dom/server: Server APIsrenderToNodeStreamrenderToPipeableStreamrenderToReadableStreamrenderToStaticMarkuprenderToStaticNodeStreamrenderToStringNavigation 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.
HomeContent.js)src/sidebar*.json)TopNav.tsx)When You're Ready...
After everything above is translated, add your language to
deployedLanguagesinSeo.tsxof 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:
ChildrencloneElementComponentcreateElementcreateFactorycreateRefisValidElementPureComponentOptional 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: