Skip to content
(Work in progress) React documentation website in Arabic
Branch: master
Clone or download
Latest commit 5d5a8f4 Mar 24, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
.github
content Merge pull request #37 from fkanout/trans-footer Mar 24, 2019
examples
flow-typed Upgrade to Gatsby v2 (#1104) Sep 19, 2018
gatsby
plugins Replace keys when inserting style/script tags Feb 6, 2019
scripts try again Feb 7, 2019
src Merge pull request #37 from fkanout/trans-footer Mar 24, 2019
static
.babelrc Upgrade to Gatsby v2 (#1104) Sep 19, 2018
.eslintignore
.eslintrc
.flowconfig Added some basic Flow types to get things started Oct 5, 2017
.gitignore Rename Title && adding the link Mar 23, 2019
.nvmrc point at 8.x.x release branch instead of exact 8.4 Jul 11, 2018
.prettierrc Moved Prettier config to config file Oct 5, 2017
CODE_OF_CONDUCT.md Added COC Oct 16, 2018
CONTRIBUTING.md Let contributors know we're using Hsoub's translation Mar 11, 2019
LICENSE-DOCS.md Moved the CC license file to cover docs only Oct 7, 2017
README.md Final touche Mar 15, 2019
crowdin.yaml
gatsby-browser.js
gatsby-config.js fix try it on CodePen Feb 23, 2019
gatsby-node.js
package.json Bump React to 16.8.3 (#1724) Feb 21, 2019
yarn.lock

README.md

ar.reactjs.org

This repo contains the source code and documentation powering ar.reactjs.org. (Work in Progress)

Getting started

Prerequisites

  1. Git
  2. Node: any 8.x version starting with 8.4.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 ar.reactjs.org repo on your local machine

Installation

  1. cd ar.reactjs.org to go into the project root
  2. yarn to install the website's npm dependencies

Running locally

  1. yarn dev to start the hot-reloading development server (powered by Gatsby)
  2. open http://localhost:8000 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.

Steps

  1. Check that no one else has claimed your page in the checklist and comments of Arabic Translation Progress and the pull requests.
  2. Comment at Arabic Translation Progress with the name of the page you would like to translate. Please take only one page at a time.
  3. Fork and Setup Repo, translate your page, and submit a pull request!

Before contributing, read the glossary and style guide to understand how to translate various technical and React-specific terms.

And use Hsoub's translation as a reference.

Fork and Setup Repo

  1. Fork the repo
  2. Clone forked repo on your local machine
  3. cd ar.reactjs.org to go into the project root
  4. git remote add upstream https://github.com/reactjs/ar.reactjs.org to add original repo as an upstream
  5. yarn to install the website's npm dependencies

Create a branch

  1. git checkout master from any folder in your local ar.reactjs.org repository
  2. git pull upstream master 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 from the project root. (This will run Prettier, ESLint, and Flow.)

Push it

  1. git add -A && git commit -m "My message" (replacing My message with a commit message, such as Fixed header logo on Android) to stage and commit your changes
  2. git push origin the-name-of-my-branch
  3. Go to the reactjs.org repo and you should see recently pushed branches.
  4. Follow GitHub's instructions.
  5. If possible, include screenshots of visual changes. A Netlify build will also be automatically created once you make your PR so other people can see your change.

Translation

If you are interested in translating reactjs.org, please see the current translation efforts at isreacttranslatedyet.com.

If your language does not have a translation and you would like to create one, please follow the instructions at reactjs.org Translations.

Troubleshooting

  • yarn reset to clear the local cache

License

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

You can’t perform that action at this time.