diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md index 0ce56c280..4c01ddcb2 100644 --- a/content/tutorial/tutorial.md +++ b/content/tutorial/tutorial.md @@ -13,6 +13,7 @@ redirect_from: --- This tutorial doesn't assume any existing React knowledge. +.React هذا الدليل التطبيقي لا يفترض اي معرفة مسبقة بمكتبة ## Before We Start the Tutorial {#before-we-start-the-tutorial} @@ -80,7 +81,7 @@ This setup requires more work but allows you to complete the tutorial using an e npx create-react-app my-app ``` -3. Delete all files in the `src/` folder of the new project +3. Delete all files in the `src/` folder of the new project > Note: > @@ -227,7 +228,7 @@ Congratulations! You've just "passed a prop" from a parent Board component to a ### Making an Interactive Component {#making-an-interactive-component} -Let's fill the Square component with an "X" when we click it. +Let's fill the Square component with an "X" when we click it. First, change the button tag that is returned from the Square component's `render()` function to this: ```javascript{4} @@ -1015,7 +1016,7 @@ In JavaScript, arrays have a [`map()` method](https://developer.mozilla.org/en-U ```js const numbers = [1, 2, 3]; const doubled = numbers.map(x => x * 2); // [2, 4, 6] -``` +``` Using the `map` method, we can map our history of moves to React elements representing buttons on the screen, and display a list of buttons to "jump" to past moves.