Good News:

Hey there, My PR to handle RTL styles has been merged. Now we can read the docs in RTL styles.

To get the update to your local env:

• Navigate to your forked repo: https://github.com/{YOUR_USERNAMD}/ar.react.dev
• Click Sync fork
• Run git pull origin main

Sidenote:
There're some styles were not implemented correctly. So #6226 addresses them.

Update: The second PR was also merged to react.dev. Our repo will get it in the sync PR on next Monday.

from ar.react.dev.

Hello everyone!
I am reviewing all the previous PRs.
Please stay active and keep translating more.
We aspire to have this documentation ready for Arab learners as soon as possible.

Pages have been reviewed up till now:

1. Quick Start (by @Yarob50)
2. Tutorial tic-tac-toe (@A7med3bdulBaset)
3. Installation (by @AbdulrehmanSuliman)
4. Thinking in React (@hAbuMustafa)
5. Start a new React app (by @I-3B)
6. Add React to an existing project (by @A7med3bdulBaset)
7. Editor Setup (by @A7med3bdulBaset)
8. React DevTools (by @A7med3bdulBaset)
9. Describing the UI (@algorizr)
10. Your first component (@eihabkhan)
11. Importing and Exporting Components (@A7med3bdulBaset)
12. Writing JSX markup (@A7med3bdulBaset)
13. Render and Commit (@A7med3bdulBaset)
14. Hooks index (by @aalhommada)
15. useDebugValue (@remahmoud)
16. useId (@remahmoud)
17. <option> (@muh-osman)
18. <progress> (@mrlahmar)

from ar.react.dev.

I would like to start by translating the quick start / index page.

@Yarob50 waiting for your PR 🔥

assigned.

Thanks @3imed-jaberi, I opened a draft PR and here is the link to it: #465

I also added a question about the rtl issue.

React Docs use Nextjs and tailwind css , I had this issue in two language blog , and it has been solved like :

<div dir={router.locale === "ar" ? "rtl" : "ltr"}>{children}</div>

and to avoid been the code block to the right , just adjust tailwind style as this :

 <article className="prose prose-neutral prose-lg prose-pre:[direction:ltr]">
        <MDXRemote {...source} />
  </article>

from ar.react.dev.

Can I ask here if I have a question , or is there any another channel ( slack , Discord..) ? I see also that there is some efforts have been already done here is that still effective ?

I will create a Slack next week for effective communication between all of us and to clarify the process.

from ar.react.dev.

As I mentioned last time, as React community we should have a Slack where we can discuss in sync way. I found that already exists, we have one regroup all the community around the world and we have Arabic sections.

To join please click here.

Almost our discussions will be under the #ar channel!

@I-3B, @remahmoud and @algorizr

from ar.react.dev.

@hAbuMustafa, you can follow our glossary here...

Hello, everyone,
I've made this little project using the glossary highlighted here before.

Feel free to give it a visit and contribute to the page code.

from ar.react.dev.

We are still waiting for any of the maintainers to review our PRs and continue working..
anyone?

from ar.react.dev.

@3imed-jaberi Do you have time to dedicate to steering this translation?

To community members: if the maintainers are inactive for a prolonged period of time and you'd like to take over the effort, please file an issue at https://github.com/reactjs/translations.reactjs.org and nominate yourself, listing your existing translation experience. Thanks.

from ar.react.dev.

Since the existing maintainers aren't currently active, I've added @A7med3bdulBaset as a new maintainer per his request in reactjs/translations.react.dev#296.

from ar.react.dev.

@A7med3bdulBaset I believe it would be easier to communicate via an app like a Discord or Slack. Would you create a channel and add us to it?

from ar.react.dev.

I would like to take Keeping Components Pure

from ar.react.dev.

I wolud like to translate <option> page.

from ar.react.dev.

@eihabkhan

This is a great idea, we should also establish a glossary to insure consistency across the entirety of the documentation

• Glossary wiki
• Glossary Discussion #122

from ar.react.dev.

I would like to translate <progress> page

from ar.react.dev.

hi i would like to translate useState

from ar.react.dev.

I would like to start by translating the quick start / index page.

@Yarob50 waiting for your PR 🔥

assigned.

from ar.react.dev.

Hi I would like to translate the Installation section @3imed-jaberi

from ar.react.dev.

I'm done with my assignment ("Thinking in React") @3imed-jaberi .

I have a few notes though:

1. The page is going to need the RTL styling for sure. Maybe we can suggest adding the following to the Arabic version:

body {
    direction: rtl;
}

.sp-editor, code, pre {
    direction: initial;
}

Or, we can use the HTML dir attribute somehow, but it would be rather harder to exclude elements like code and sandpack components.

2. There are a few un-exposed text for translation. As I mentioned before, the sections like "Pitfall" and "Deep-dive" with its button state "hide/show details". How can we translate those?

3. there are so many terms that are not provided in the glossary provided before (the softvenue one). How can we have a common gorund on that?

from ar.react.dev.

@Yarob50 I'd like to translate Tutorial: Tic Tac Toe.

from ar.react.dev.

@Yarob50 @3imed-jaberi I'd like to translate State as a Snapshot

from ar.react.dev.

Hi there! @Yarob50 @3imed-jaberi
I would like to translate "Start a New React Project"

from ar.react.dev.

@onlyabdullah done!

from ar.react.dev.

I would like to translate react-developer-tools

It's already translated #476

from ar.react.dev.

I'd like to translate Your First Component

from ar.react.dev.

I would like to translate useDebugValue page

from ar.react.dev.

I'd like to translate "JavaScript in JSX with Curly Braces"

from ar.react.dev.

I'd like to translate "JavaScript in JSX with Curly Braces"

Go ahead

from ar.react.dev.

Is there any way to speed up installing process

Consider using Yarn instead of npm. Yarn is renowned for its faster and more efficient dependency management. Simply replace the command npm install with yarn install.

from ar.react.dev.

Hi @A7med3bdulBaset ,

Just a quick friendly reminder: Could you please update the conditional rendering as done #503 ? It seems to have been missed. Thank you!

from ar.react.dev.

@A7med3bdulBaset I'm sorry but I can't complete translation keeping components pure I will have an exam next month, I so sorry 😞

No problem at all
May God grant you success

from ar.react.dev.

@tmtm8976
Go ahead,
There is a PR for this page that requires updates and the contributor isn't active.
You can benefit from it.

from ar.react.dev.

I would like to work on Managing State section

@Rumbustious Go ahead

from ar.react.dev.

Hi @A7med3bdulBaset, sorry I wasn't very active lately. Can you please assign Adding Interactivity to me?

I created a Darft PR here.

Go ahead. You are assigned

SN: You don't have to apologize

from ar.react.dev.

Hi there, I would like to take: State: A Component's Memory

معامل

from ar.react.dev.

@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!

from ar.react.dev.

I would like to transplant the page : API reference/ react:Hooks / useCallback
or the Api reference / Hooks index page .

from ar.react.dev.

I would like to start by translating the quick start / index page.

from ar.react.dev.

I would start with "Thinking in React".
Is there a glossary or style guide ready for use yet?

from ar.react.dev.

@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!

from ar.react.dev.

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?

from ar.react.dev.

@3imed-jaberi I will begin with the index .

from ar.react.dev.

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.

from ar.react.dev.

@aalhommada, waiting for your PR 🔥

assigned.

from ar.react.dev.

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.

from ar.react.dev.

Can I ask here if I have a question , or is there any another channel ( slack , Discord..) ?
I see also that there is some efforts have been already done here
is that still effective ?

from ar.react.dev.

Hi @3imed-jaberi, I would like to translate Describing the UI

from ar.react.dev.

I would like to start by translating the quick start / index page.

@Yarob50 waiting for your PR 🔥

assigned.

Thanks @3imed-jaberi,
I opened a draft PR and here is the link to it:
#465

I also added a question about the rtl issue.

from ar.react.dev.

Thanks @aalhommada,
but the question is: where is the proper place to add the styling and whether or not we should add it ourselves as I assume that it should be added in one place and shared with all of our branches rather than each one defining it in his own way.

from ar.react.dev.

I ran across a 'Pitfall' piece that doesn't seem to be translatable in the markdown file.
Since it is a React component anyway, is there a way to pass the translation to the "h3" element inside? (like passing a prop with the translation local={"مسقط!"}?)

from ar.react.dev.

Hi I would like to translate the Installation section @3imed-jaberi

@Yarob50

from ar.react.dev.

All asked pages are assigned.

🚨 Please don't forget to open the PR as a draft to confirm your assignment.

from ar.react.dev.

@3imed-jaberi I think you forgot to assign this page Describing the UI for me

from ar.react.dev.

I've done my page #469
Could any maintainer review it?

from ar.react.dev.

I am working on Add React to an Existing Project #473

from ar.react.dev.

I've translated React-Developer-tools #476

from ar.react.dev.

translated Render and Commit #478

from ar.react.dev.

I have made a PR #475 can someone review it and I have a question in the comments as well.

from ar.react.dev.

I would like to translate this page:Your First Component

from ar.react.dev.

I would like to translate react-developer-tools

from ar.react.dev.

I just translated editor-setup.md checkout #479

from ar.react.dev.

Also translated writing-markup-with-jsx.md #480

from ar.react.dev.

Hello guys, I would like to contribute to translating to Arabic, can you please send me which pages that need translation so that I can help with that

from ar.react.dev.

Translated importing-and-exporting-components #481

from ar.react.dev.

i wolud like to translate useId page

from ar.react.dev.

Hello everyone. I'll be more than happy to review PRs, and set up the RTL structure for now.

from ar.react.dev.

Hello everyone. I'll be more than happy to review PRs, and set up the RTL structure for now.

RTL handling has already done in PR #470 . You can commit there.

from ar.react.dev.

As I mentioned last time, as React community we should have a Slack where we can discuss in sync way. I found that already exists, we have one regroup all the community around the world and we have Arabic sections.

To join please click here.

Almost our discussions will be under the #ar channel!

@I-3B, @remahmoud and @algorizr

This is a great idea, we should also establish a glossary to insure consistency across the entirety of the documentation

from ar.react.dev.

I would like to translate Conditional Rendering page

from ar.react.dev.

Hi @A7med3bdulBaset , I'd love to translate "passing props to a component"

from ar.react.dev.

Hi @A7med3bdulBaset , I'd love to translate "passing props to a component"

@mostafakamar2308
Go ahead

from ar.react.dev.

Hello everyone 👋
I'd like to contribute in this translation but when I install dependencies it took a long time then failed 😔
Is there any way to speed up installing process 😕

from ar.react.dev.

Is there any way to speed up installing process

Consider using Yarn instead of npm. Yarn is renowned for its faster and more efficient dependency management. Simply replace the command npm install with yarn install.

I have tried yarn. It was also so slow then I used pnpm and the problem was solved. Thanks 👍
I'd to translate rendering lists, please! 🥺

from ar.react.dev.

I'd to translate rendering lists
Go ahead
Remember to not add pnpm-lock.yaml to git.

from ar.react.dev.

I'd to translate rendering lists
Go ahead
Remember to not add pnpm-lock.yaml to git.

I have added it to .gitignore

from ar.react.dev.

Hello 👋
I'd to translate kepping components pure please 🥺

from ar.react.dev.

Hello 👋
I'd to translate kepping components pure please 🥺

I have checked it and I noticed it translated to arabic but why it contains words in English 😕

from ar.react.dev.

Hello 👋
I'd to translate kepping components pure please 🥺

I have checked it and I noticed it translated to arabic but why it contains words in English 😕

Hey @mahmood601
Keeping Components Pure is NOT translated yet.
You are assigned to it now.

from ar.react.dev.

Hello 👋
I'd to translate kepping components pure please 🥺

I have checked it and I noticed it translated to arabic but why it contains words in English 😕

Hey @mahmood601
Keeping Components Pure is NOT translated yet.
You are assigned to it now.

Thanks 👍

from ar.react.dev.

@A7med3bdulBaset I'm sorry but I can't complete translation keeping components pure I will have an exam next month, I so sorry 😞

from ar.react.dev.

hi I would like to translate Passing Props to a Component

from ar.react.dev.

I Will take keeping components pure

from ar.react.dev.

I would like to work on Managing State section

from ar.react.dev.

Hi @A7med3bdulBaset, sorry I wasn't very active lately. Can you please assign Adding Interactivity to me?

I created a Darft PR here.

from ar.react.dev.

AlSalam, I would like to translate Responding to Events.

from ar.react.dev.

AlSalam, I would like to translate Responding to Events.

You are assigned. If this is the first time to collaborate here, take this PR as a guide

from ar.react.dev.

Hi everyone
This translation has many improvements from last month, that's powerful 🥰
However, I would to translate using typescript please 🥺❤️

from ar.react.dev.

Hi there, I would like to take: State: A Component's Memory

from ar.react.dev.

How to translate argument 🤔

from ar.react.dev.