Skip to content

Begin file translation #72

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
atefBB wants to merge 7 commits into from
Closed

Begin file translation #72

Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
6b1e3a9
Update add-react-to-a-website.md
atefBB Apr 21, 2019
6c2ca0a
Update add-react-to-a-website.md
atefBB Apr 21, 2019
a8556a1
Update add-react-to-a-website.md
atefBB Apr 21, 2019
b4aff9b
Update add-react-to-a-website.md
atefBB Apr 21, 2019
b1c9ed9
Update add-react-to-a-website.md
atefBB Apr 21, 2019
ae249bd
Translate first section content
atefBB Apr 21, 2019
b708ab8
Style first section content
atefBB Apr 21, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 8 additions & 6 deletions content/docs/add-react-to-a-website.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,10 @@ prev: getting-started.html
next: create-a-new-react-app.html
---

Use as little or as much React as you need.

React has been designed from the start for gradual adoption, and **you can use as little or as much React as you need**. Perhaps you only want to add some "sprinkles of interactivity" to an existing page. React components are a great way to do that.
استعمل React بالقدر الذي تحتاج إليه قلةً أو كثرةً.
تم تصميم React ابتداء للاعتماد التدريجي، ويمكنك **استعماله بالقدر الذي تحتاجه قلةً وكثرةً**.
من الممكن أنك تريد إضاف. قليل من التفاعلية لصفحة موجودة.
مكونات React هي وسيلة جيدة لفعل ذلك.

The majority of websites aren't, and don't need to be, single-page apps. With **a few lines of code and no build tooling**, try React in a small part of your website. You can then either gradually expand its presence, or keep it contained to a few dynamic widgets.

Expand All @@ -19,11 +20,12 @@ The majority of websites aren't, and don't need to be, single-page apps. With **
- [Add React in One Minute](#add-react-in-one-minute)
- [Optional: Try React with JSX](#optional-try-react-with-jsx) (no bundler necessary!)

## Add React in One Minute {#add-react-in-one-minute}
## إضافة React في دقيقة واحدة {#add-react-in-one-minute}

In this section, we will show how to add a React component to an existing HTML page. You can follow along with your own website, or create an empty HTML file to practice.
في هذه الفقرة، سنقوم بعرض كيفية اضافة مكون React لصفحة HTML موجودة.
يمكنك المتابعة على موقعك الخاص، أو اضافة ملف HTML فارغ للتطبيق عليه.

There will be no complicated tools or install requirements -- **to complete this section, you only need an internet connection, and a minute of your time.**
ليس هناك معدّات صعبة أو لوازم تنصيب -- **لاكمال هذه الفقرة، لن تحتاج إلا لاتصال بشبكة الأنترنت ولدقيقة من وقتك.**

Optional: [Download the full example (2KB zipped)](https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605/archive/f6c882b6ae18bde42dcf6fdb751aae93495a2275.zip)

Expand Down