Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
5 changes: 5 additions & 0 deletions src/content/community/conferences.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,11 @@ September 10-11, 2026. In-person in Zurich, Switzerland

[Website](https://conf.zurichjs.com?utm_campaign=ZurichJS_Conf&utm_source=referral&utm_content=reactjs_community_conferences) - [Twitter](https://x.com/zurichjs) - [LinkedIn](https://www.linkedin.com/company/zurichjs/)

### React Conf Japan 2027 {/*react-conf-japan-2027*/}
April 24, 2027. In-person in Tokyo, Japan

[Website](https://reactconf.jp/) - [Twitter](https://x.com/reactconfjp)

## Past Conferences {/*past-conferences*/}

### CityJS New Delhi 2026 {/*cityjs-newdelhi-2026*/}
Expand Down
1 change: 0 additions & 1 deletion src/content/learn/editor-setup.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,6 @@ Baadhi ya vihariri huja na maumbile haya yakiwa yamejengwa ndani, lakini vingine
### Linting {/*linting*/}

Code linters hupata matatizo katika kodi yako unapoandika, zikikusaidia kuyarekebisha mapema. [ESLint](https://eslint.org/) ni linter maarufu ya chanzo wazi (open source) kwa ajili ya JavaScript.
=======

* [Sakinisha ESLint kwa mpangilio uliopendekezwa kwa React](https://www.npmjs.com/package/eslint-config-react-app) (hakikisha una [Node imesakinishwa!](https://nodejs.org/en/download/current/))
* [Unganisha ESLint katika VSCode na kiendelezi rasmi](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
Expand Down
1 change: 0 additions & 1 deletion src/content/learn/thinking-in-react.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,6 @@ Kulingana na msingi wako, unaweza kufikiria kugawanya muundo katika vijenzi kwa
* **Programming**--tumia mbinu zile zile za kuamua ikiwa unapaswa kuunda kitendaji kipya au object. Mbinu moja kama hiyo ni [kanuni ya uwajibikaji mmoja (single responsibility principle)](https://en.wikipedia.org/wiki/Single_responsibility_principle), yaani, kijenzi kinapaswa kufanya jambo moja tu. Ikiwa kitaishia kukua, inapaswa kigawanywe kiwe vijenzi vidogo.
* **CSS**--fikiria ni nini ungetengeneza viteule vya darasa. (Hatahivyo, vijenzi ni vidogo kwa kiasi fulani.)
* **Design**--fikiria jinsi unavyoweza kupanga safu za muundo.
=======

Ikiwa JSON yako imeundwa vizuri, mara nyingi utapata kwamba inaelekeza kwa muundo wa vijenzi vya UI yako. Hiyo ni kwa sababu UI na miundo ya data mara nyingi huwa na usanifu sawa wa habari--yaani, umbo sawa. Tenganisha UI yako katika vijenzi, ambapo kila kijenzi kinalingana na kipande kimoja cha muundo yako wa data.

Expand Down
21 changes: 21 additions & 0 deletions src/content/learn/tutorial-tic-tac-toe.md
Original file line number Diff line number Diff line change
Expand Up @@ -337,7 +337,11 @@
import App from './App';
```

<<<<<<< HEAD
Mstari wa 1-5 unaleta vipande vyote muhimu pamoja:
=======
Lines 1-5 bring all the necessary pieces together:
>>>>>>> 6ec61348646040795fdaa9de14a9bec603260f87

* React
* Maktaba ya React ya kuwasiliana na kivinjari cha wavuti (React DOM)
Expand Down Expand Up @@ -551,7 +555,11 @@
}
```

<<<<<<< HEAD
Angalia jinsi, kinyume na `div`s za kivinjari, viungo vyako `Board` na `Square` lazima vianze na herufi kubwa.
=======
Note how unlike the browser `div`s, your own components `Board` and `Square` must start with a capital letter.
>>>>>>> 6ec61348646040795fdaa9de14a9bec603260f87

Hebu tuangalie:

Expand Down Expand Up @@ -801,7 +809,7 @@

![Kuongeza X kwenye ubao](../images/tutorial/tictac-adding-x-s.gif)

Kila Square ina hali yake: thamani ya `value` iliyohifadhiwa kwenye kila Square ni huru kabisa kwa nyinginezo. Unapobadilisha hali kwa kuita function ya `set`, React huboresha pia vipengele vya watoto vilivyo ndani.

Check failure on line 812 in src/content/learn/tutorial-tic-tac-toe.md

View workflow job for this annotation

GitHub Actions / Lint on node 20.x and ubuntu-latest

Trailing spaces not allowed

Baada ya mabadiliko haya, msimbo wako utaonekana hivi:

Expand Down Expand Up @@ -1094,7 +1102,11 @@
}
```

<<<<<<< HEAD
Sasa utaunganisha kipengele cha `onSquareClick` na function katika sehemu ya `Board` utakayoita `handleClick`. Ili kuunganisha `onSquareClick` na `handleClick`, utapita function kwa kipengele cha `onSquareClick` cha sehemu ya kwanza ya `Square`:
=======
Now you'll connect the `onSquareClick` prop to a function in the `Board` component that you'll name `handleClick`. To connect `onSquareClick` to `handleClick` you'll pass a function to the `onSquareClick` prop of the first `Square` component:
>>>>>>> 6ec61348646040795fdaa9de14a9bec603260f87

```js
export default function Board() {
Expand Down Expand Up @@ -2073,13 +2085,22 @@
}
```

<<<<<<< HEAD
Unaweza kuona jinsi kanuni yako inavyopaswa kuonekana hapa chini. Kumbuka kwamba unapaswa kuona hitilafu katika koni ya zana za mende inayosema:
=======
You can see what your code should look like below. Note that you should see an error in the developer tools console that says:
>>>>>>> 6ec61348646040795fdaa9de14a9bec603260f87

<ConsoleBlock level="warning">
Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of &#96;Game&#96;.
</ConsoleBlock>
<<<<<<< HEAD

Check failure on line 2098 in src/content/learn/tutorial-tic-tac-toe.md

View workflow job for this annotation

GitHub Actions / Lint on node 20.x and ubuntu-latest

Trailing spaces not allowed
Utarekebisha hitilafu hii katika sehemu inayofuata.
=======

You'll fix this error in the next section.
>>>>>>> 6ec61348646040795fdaa9de14a9bec603260f87

<Sandpack>

Expand Down
Loading