|
1 | 1 | --- |
2 | | -title: Installation |
| 2 | +title: Ufungaji |
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 imeundwa tangu mwanzo ili uweze kuitumia unapotaka. Unaweza kutumia React kidogo au nyingi kadri unavyohitaji. Iwe unataka kupata ladha ya React, ongeza mwingiliano fulani kwenye ukurasa wa HTML, au uanzishe programu changamano inayoendeshwa na React, sehemu hii itakusaidia kuanza. |
8 | 8 |
|
9 | 9 | </Intro> |
10 | 10 |
|
11 | | -## Try React {/*try-react*/} |
| 11 | +## Jaribu React {/*try-react*/} |
12 | 12 |
|
13 | | -You don't need to install anything to play with React. Try editing this sandbox! |
| 13 | +Huhitaji kusakinisha chochote ili kucheza na React. Jaribu kuhariri katika mazingira haya ya majaribio! |
14 | 14 |
|
15 | 15 | <Sandpack> |
16 | 16 |
|
17 | 17 | ```js |
18 | 18 | function Greeting({ name }) { |
19 | | - return <h1>Hello, {name}</h1>; |
| 19 | + return <h1>Habari, {name}</h1>; |
20 | 20 | } |
21 | 21 |
|
22 | 22 | export default function App() { |
23 | | - return <Greeting name="world" /> |
| 23 | + return <Greeting name="dunia" /> |
24 | 24 | } |
25 | 25 | ``` |
26 | 26 |
|
27 | 27 | </Sandpack> |
28 | 28 |
|
29 | | -You can edit it directly or open it in a new tab by pressing the "Fork" button in the upper right corner. |
| 29 | +Unaweza kuihariri moja kwa moja au kuifungua kwenye kichupo kipya kwa kubonyeza kitufe cha "Fork" kwenye kona ya juu kilia. |
30 | 30 |
|
31 | | -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?template=QWYVwWN) |
| 31 | +Kurasa nyingi katika hati za React zina mazingira ya majaribio kama hii. Nje ya hati za React, kuna mazingira ya majaribio mengi mtandaoni vinavyotumia React: kwa mfano, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or [CodePen.](https://codepen.io/pen?template=QWYVwWN) |
32 | 32 |
|
33 | | -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! |
| 33 | +Ili kujaribu React kwenye kompyuta yako [download this HTML page.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Ifungue kwenye kihariri chako na kwenye kivinjari chako! |
34 | 34 |
|
35 | | -## Creating a React App {/*creating-a-react-app*/} |
| 35 | +## Kuunda Programu ya React {/*creating-a-react-app*/} |
36 | 36 |
|
37 | | -If you want to start a new React app, you can [create a React app](/learn/creating-a-react-app) using a recommended framework. |
| 37 | +Ikiwa ungependa kuanzisha programu mpya ya React, unaweza [kuunda programu ya React](/learn/creating-a-react-app) kwa kutumia mfumo uliopendekezwa. |
38 | 38 |
|
39 | | -## Build a React App from Scratch {/*build-a-react-app-from-scratch*/} |
| 39 | +## Unda Programu ya React kutoka Mwanzo {/*build-a-react-app-from-scratch*/} |
40 | 40 |
|
41 | | -If a framework is not a good fit for your project, you prefer to build your own framework, or you just want to learn the basics of a React app you can [build a React app from scratch](/learn/build-a-react-app-from-scratch). |
| 41 | +Ikiwa mfumo haufai mradi wako, unapendelea kuunda mfumo wako mwenyewe, au unataka tu kujifunza misingi ya programu ya React unayoweza [kuunda programu ya React kuanzia mwanzo](/learn/build-a-react-app-from-scratch). |
42 | 42 |
|
43 | | -## Add React to an existing project {/*add-react-to-an-existing-project*/} |
44 | | - |
45 | | -If want to try using React in your existing app or a website, you can [add React to an existing project.](/learn/add-react-to-an-existing-project) |
| 43 | +## Ongeza React kwa mradi uliopo {/*add-react-to-an-existing-project*/} |
46 | 44 |
|
| 45 | +Ikiwa ungependa kujaribu kutumia React katika programu yako iliyopo au tovuti, unaweza [kuongeza React kwa mradi uliopo.](/learn/add-react-to-an-existing-project) |
47 | 46 |
|
48 | 47 | <Note> |
49 | 48 |
|
50 | | -#### Should I use Create React App? {/*should-i-use-create-react-app*/} |
| 49 | +#### Nafaa kutumia Create React App {/*should-i-use-create-react-app*/} |
51 | 50 |
|
52 | | -No. Create React App has been deprecated. For more information, see [Sunsetting Create React App](/blog/2025/02/14/sunsetting-create-react-app). |
| 51 | +Hapana. Create React App imeacha kutumika. Kwa maelezo zaidi, angalia [Machweo Create React App](/blog/2025/02/14/sunsetting-create-react-app). |
53 | 52 |
|
54 | 53 | </Note> |
55 | 54 |
|
56 | | -## Next steps {/*next-steps*/} |
57 | | - |
58 | | -Head to the [Quick Start](/learn) guide for a tour of the most important React concepts you will encounter every day. |
| 55 | +## Hatua zinazofuata {/*next-steps*/} |
59 | 56 |
|
| 57 | +Nenda kwenye mwongozo wa [Kuanza Haraka](/learn) kwa ziara ya dhana muhimu zaidi za React utakazokutana nazo kila siku. |
0 commit comments