You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
functionGreeting({ name }) {
19
-
return<h1>Hello, {name}</h1>;
19
+
return<h1>Habari, {name}</h1>;
20
20
}
21
21
22
22
exportdefaultfunctionApp() {
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).
Copy file name to clipboardExpand all lines: src/content/learn/tutorial-tic-tac-toe.md
-10Lines changed: 0 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -283,15 +283,9 @@ Katika CodeSandbox utaona sehemu tatu kuu:
283
283
284
284
285
285
286
-
<<<<<<< HEAD
287
286
1. Sehemu ya _Files_ na orodha ya mafaili kama `App.js`, `index.js`, `styles.css` na folda inayoitwa `public`
288
287
1._Kihariri cha msimbo_ ambapo utaona msimbo wa chanzo wa faili uliyouchagua
289
288
1. Sehemu ya _kivinjari_ ambapo utaona jinsi msimbo ulioandika utakavyonyeshwa
290
-
=======
291
-
1. The _Files_ section with a list of files like `App.js`, `index.js`, `styles.css` in `src` folder and a folder called `public`
292
-
1. The _code editor_ where you'll see the source code of your selected file
293
-
1. The _browser_ section where you'll see how the code you've written will be displayed
294
-
>>>>>>> bd87c394dc1daf0e54759126f847fcfa927e5a75
295
289
296
290
Faili ya `App.js` inapaswa kuchaguliwa katika sehemu ya _Files_. Maudhui ya faili hiyo katika _mhariri wa msimbo_ yanapaswa kuwa:
297
291
@@ -2253,11 +2247,7 @@ body {
2253
2247
2254
2248
</Sandpack>
2255
2249
2256
-
<<<<<<< HEAD
2257
2250
Unapozunguka kupitia orodha ya `history` ndani ya function unayopitisha kwa `map`, hoja ya `squares` inapitia kila kipengele cha `history`, na hoja ya `move` inapitia kila kiashiria cha orodha: `0`, `1`, `2`, …. (Katika hali nyingi, ungehitaji vipengele halisi vya orodha, lakini ili kuonyesha orodha ya harakati utahitaji tu viashiria.)
2258
-
=======
2259
-
As you iterate through the `history` array inside the function you passed to `map`, the `squares` argument goes through each element of `history`, and the `move` argument goes through each array index: `0`, `1`, `2`, …. (In most cases, you'd need the actual array elements, but to render a list of moves you will only need indexes.)
2260
-
>>>>>>> bd87c394dc1daf0e54759126f847fcfa927e5a75
2261
2251
2262
2252
Kwa kila harakati katika historia ya mchezo wa tic-tac-toe, unaunda kipengele cha orodha `<li>` kinachojumuisha kitufe `<button>`. Kitufe kinakuwa na kihariri cha `onClick` kinachoitwa function inayoitwa `jumpTo` (ambayo huja kuwa umeitekeleza bado).
Copy file name to clipboardExpand all lines: src/content/reference/react/useEffectEvent.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -551,4 +551,4 @@ useEffect(() => {
551
551
}, []);
552
552
```
553
553
554
-
Effect Events are specifically designed to be used in Effects local to the component they're defined in. If you need a callback for event handlers or to pass to children, use a regular function or `useCallback` instead.
554
+
Effect Events are specifically designed to be used in Effects local to the component they're defined in. If you need a callback for event handlers or to pass to children, use a regular function or `useCallback` instead.
0 commit comments