|
1 | 1 | --- |
2 | | -title: Installation |
| 2 | +title: Суулгах |
3 | 3 | --- |
4 | 4 |
|
5 | 5 | <Intro> |
6 | 6 |
|
7 | | -React has been designed from the start for gradual adoption. You can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to an HTML page, or start a complex React-powered app, this section will help you get started. |
| 7 | +React нь анхнаасаа хэрэглээнд алгуурхнаар нэвтрэх зорилгоор бүтээгдсэн бөгөөд та React-г их, бага хүссэн хэмжээгээрээ хэрэглэх боломжтой. Та React-г дөнгөж сонирхож байгаа эсэх, HTML хуудсаа интерактив болгох эсвэл React-дээр ажилдаг цогц програм хийхийг хүсэж байгаа бол энэхүү хэсэг танд туслах болно. |
8 | 8 |
|
9 | 9 | </Intro> |
10 | 10 |
|
11 | 11 | <YouWillLearn isChapter={true}> |
12 | 12 |
|
13 | | -* [How to start a new React project](/learn/start-a-new-react-project) |
14 | | -* [How to add React to an existing project](/learn/add-react-to-an-existing-project) |
15 | | -* [How to set up your editor](/learn/editor-setup) |
16 | | -* [How to install React Developer Tools](/learn/react-developer-tools) |
| 13 | +* [Шинэ React прожект эхлүүлэх](/learn/start-a-new-react-project) |
| 14 | +* [Одоо байгаа прожектдээ React нэмэх](/learn/add-react-to-an-existing-project) |
| 15 | +* [Эдитороо тохируулах](/learn/editor-setup) |
| 16 | +* [React Developer Tools суулгах](/learn/react-developer-tools) |
17 | 17 |
|
18 | 18 | </YouWillLearn> |
19 | 19 |
|
20 | | -## Try React {/*try-react*/} |
| 20 | +## Оролдоод үз {/*try-react*/} |
21 | 21 |
|
22 | | -You don't need to install anything to play with React. Try editing this sandbox! |
| 22 | +Та React-г туршиж үзэхэд юу ч суулгах шаардлагагүй. Доорх sandbox-ыг өөрчлөөд үз! |
23 | 23 |
|
24 | 24 | <Sandpack> |
25 | 25 |
|
26 | 26 | ```js |
27 | 27 | function Greeting({ name }) { |
28 | | - return <h1>Hello, {name}</h1>; |
| 28 | + return <h1>Сайн байна уу, {name}</h1>; |
29 | 29 | } |
30 | 30 |
|
31 | 31 | export default function App() { |
32 | | - return <Greeting name="world" /> |
| 32 | + return <Greeting name="Ертөнц минь" /> |
33 | 33 | } |
34 | 34 | ``` |
35 | 35 |
|
36 | 36 | </Sandpack> |
37 | 37 |
|
38 | | -You can edit it directly or open it in a new tab by pressing the "Fork" button in the upper right corner. |
| 38 | +Дээрх кодыг шууд засварлах боломжтой ба баруун дээд булан дахь "Fork" товчлуурыг дарж шинэ тааб-нд нээж болно. |
39 | 39 |
|
40 | | -Most pages in the React documentation contain sandboxes like this. Outside of the React documentation, there are many online sandboxes that support React: for example, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or [CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb) |
| 40 | +Reacт гарын авлагын ихэнх хуудсанд дээрх шиг sandbox байна. React гарын авлагаас гадуур React-г дэмждэг зөндөө онлайн sandbox байдаг: жишээ нь [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react) болон [CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb) |
41 | 41 |
|
42 | | -### Try React locally {/*try-react-locally*/} |
| 42 | +### Дотоод орчиндоо React турших {/*try-react-locally*/} |
43 | 43 |
|
44 | | -To try React locally on your computer, [download this HTML page.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Open it in your editor and in your browser! |
| 44 | +React-г дотоод орчиндоо өөрийн компьютер дээрээ туршиж үзэхийг хүсвэл [энэхүү HTML хуудсыг татна уу.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Тэгээд өөрийн эдитор болон веб хөтөчдөө нээгээд үз! |
45 | 45 |
|
46 | | -## Start a new React project {/*start-a-new-react-project*/} |
| 46 | +## Шинэ React прожект эхлүүлэх {/*start-a-new-react-project*/} |
47 | 47 |
|
48 | | -If you want to build an app or a website fully with React, [start a new React project.](/learn/start-a-new-react-project) |
| 48 | +Хэрэв та React ашиглан шинэ апп эсвэл вебсайт бүтээхийг хүсвэл [шинэ React прожект эхлүүлээрэй.](/learn/start-a-new-react-project) |
49 | 49 |
|
50 | | -## Add React to an existing project {/*add-react-to-an-existing-project*/} |
| 50 | +## Байгаа прожектдээ React нэмэх {/*add-react-to-an-existing-project*/} |
51 | 51 |
|
52 | | -If want to try using React in your existing app or a website, [add React to an existing project.](/learn/add-react-to-an-existing-project) |
| 52 | +Та React-г одоо байгаа апп эсвэл вебсайтдаа ашиглахыг хүсвэл [ одоо байгаа прожектдээ React-ийг нэмээрэй.](/learn/add-react-to-an-existing-project) |
53 | 53 |
|
54 | | -## Next steps {/*next-steps*/} |
55 | | - |
56 | | -Head to the [Quick Start](/learn) guide for a tour of the most important React concepts you will encounter every day. |
| 54 | +## Дараагийн алхам {/*next-steps*/} |
57 | 55 |
|
| 56 | +[Хурдан Эхлэх](/learn) хэсэгрүү очиж өдөр бүр тааралддаг хамгийн чухал React-ийн ойлголтуудтай танилцаарай. |
0 commit comments