Merge pull request #287 from Avrhamwales/merge-bugs-fix

Merge bugs fix

Author: galnir

content/docs/components-and-props.md

@@ -74,21 +74,14 @@ const element = <Welcome name="Sara" />;
 root.render(element);
 ```
 
-**[Try it on CodePen](https://codepen.io/gaearon/pen/YGYmEG?editors=1010)**
+**[נסו את זה ב-codepen](https://codepen.io/gaearon/pen/YGYmEG?editors=1010)**
 
 בואו נסכם מה קורה בדוגמה זו:
 
-<<<<<<< HEAD
 1. אנחנו קוראים ל-`ReactDOM.render()` עם האלמנט `<Welcome name="Sara" />`.
 2. React קוראת לקומפוננטת `Welcome` עם `{name: 'Sara'}` בתור ה-props.
 3. קומפוננטת `Welcome` שלנו מחזירה אלמנט `<h1>Hello, Sara</h1>` בתור התוצאה שלה.
 4. React DOM מעדכן ביעילות את ה-DOM להיות תואם ל-`<h1>Hello, Sara</h1>`.
-=======
-1. We call `root.render()` with the `<Welcome name="Sara" />` element.
-2. React calls the `Welcome` component with `{name: 'Sara'}` as the props.
-3. Our `Welcome` component returns a `<h1>Hello, Sara</h1>` element as the result.
-4. React DOM efficiently updates the DOM to match `<h1>Hello, Sara</h1>`.
->>>>>>> 84ad3308338e2bb819f4f24fa8e9dfeeffaa970b
 
 >**הערה:** יש להתחיל שמות קומפוננטות עם אות גדולה.
 >
@@ -118,7 +111,7 @@ function App() {
 }
 ```
 
-**[Try it on CodePen](https://codepen.io/gaearon/pen/KgQKPr?editors=1010)**
+**[נסו את זה ב-codepen](https://codepen.io/gaearon/pen/KgQKPr?editors=1010)**
 
 בדרך כלל, אפליקציות React חדשות כוללות קומפוננטת `App` אחת בראש האפליקציה. עם זאת, אם תשלבו את React באפליקציה קיימת, תוכלו להתחיל מלמטה למעלה באמצעות קומפוננטה קטנה כגון `Button`, ובהדרגה להגיע לחלק העליון ביותר של הירארכיית התצוגה.
 
@@ -152,7 +145,7 @@ function Comment(props) {
 }
 ```
 
-**[Try it on CodePen](https://codepen.io/gaearon/pen/VKQwEo?editors=1010)**
+**[נסו את זה ב-codepen](https://codepen.io/gaearon/pen/VKQwEo?editors=1010)**
 
 היא מקבלת את `author` (אובייקט), `text` (מחרוזת) ו-`date` (תאריך) בתור props, ומתארת תגובה באתר אינטרנט של מדיה חברתית.
 
@@ -231,7 +224,7 @@ function Comment(props) {
 }
 ```
 
-**[Try it on CodePen](https://codepen.io/gaearon/pen/rrJNJY?editors=1010)**
+**[נסו את זה ב-codepen](https://codepen.io/gaearon/pen/rrJNJY?editors=1010)**
 
 חילוץ קומפוננטות אולי נראה כמו עבודה שחורה בהתחלה, אבל בעלות על מגוון קומפוננטות לשימוש חוזר משתלמת באפליקציות גדולות יותר. כלל אצבע טוב הוא שאם חלק מממשק המשתמש שלכם נמצא בשימוש מספר פעמים (`Button`, `Panel`, `Avatar`), או שהוא מורכב מספיק בכוחות עצמו (`App`, `FeedStory`, `Comment`), הוא מועמד טוב להיות מחולץ לקומפוננטה אחרת.
 

content/docs/forms.md

@@ -275,12 +275,7 @@ this.setState(partialState);
 הקוד הבא מדגים זאת. (ה-input נעול בהתחלה, אך הופך לניתן לעריכה לאחר עיכוב קצר).
 
 ```javascript
-<<<<<<< HEAD
 ReactDOM.render(<input value="היי" />, mountNode);
-=======
-ReactDOM.createRoot(mountNode).render(<input value="hi" />);
->>>>>>> 84ad3308338e2bb819f4f24fa8e9dfeeffaa970b
-
 setTimeout(function() {
   ReactDOM.createRoot(mountNode).render(<input value={null} />);
 }, 1000);

content/docs/introducing-jsx.md

@@ -33,18 +33,13 @@ React [לא דורשת](/docs/react-without-jsx.html) שימוש ב-JSX, אבל
 בדוגמה הבאה, אנו מכריזים על משתנה הנקרא `name` (שם) ולאחר מכן משתמשים בו בתוך JSX על ידי עטיפתו בסוגריים מסולסלים:
 
 ```js{1,2}
-<<<<<<< HEAD
 const name = 'גיא פרץ';
 const element = <h1>שלום, {name}</h1>;
 
 ReactDOM.render(
   element,
   document.getElementById('root')
 );
-=======
-const name = 'Josh Perez';
-const element = <h1>Hello, {name}</h1>;
->>>>>>> 84ad3308338e2bb819f4f24fa8e9dfeeffaa970b
 ```
 
 ניתן לשים כל [ביטוי JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Expressions) חוקי בתוך סוגריים מסולסלים ב-JSX. לדוגמה, `2 + 2`, `user.firstName`, או `formatName(user)` הם כולם ביטויים חוקיים ב-JavaScript.
@@ -68,7 +63,7 @@ const element = (
 );
 ```
 
-**[Try it on CodePen](https://codepen.io/gaearon/pen/PGEjdG?editors=1010)**
+**[נסו את זה ב-codepen](https://codepen.io/gaearon/pen/PGEjdG?editors=1010)**
 
 אנו מפצלים את JSX על מספר שורות עבור הקריאות. אף על פי שזה לא נדרש, כאשר עושים זאת, אנו ממליצים גם לעטוף אותו בסוגריים כדי למנוע את החסרונות של [הכנסת נקודה-פסיק אוטומטית](https://stackoverflow.com/q/2846283).
 

content/docs/lists-and-keys.md

@@ -33,11 +33,7 @@ const listItems = numbers.map((number) =>
 );
 ```
 
-<<<<<<< HEAD
 אנו מכלילים את המערך `listItems` כולו לתוך אלמנט `<ul>`, ו[מרדנדרים את ה-DOM](/docs/rendering-elements.html#rendering-an-element-into-the-dom).
-=======
-Then, we can include the entire `listItems` array inside a `<ul>` element:
->>>>>>> 84ad3308338e2bb819f4f24fa8e9dfeeffaa970b
 
 ```javascript{2}
 <ul>{listItems}</ul>

content/docs/rendering-elements.md

@@ -34,60 +34,38 @@ Unlike browser DOM elements, React elements are plain objects, and are cheap to
 
 בדרך כלל, אפליקציות הנבנות עם ריאקט הן בעלות קודקוד DOM שורשי אחד. במידה ואתה משלב את ריאקט לתוך אפליקציה קיימת, אתה יכול להשתמש בכמות בלתי מוגבלת של קודקודי DOM שורשיים.
 
-<<<<<<< HEAD
 על מנת לצייר אלמנט ריאקטי לתוך קודקוד DOM שורשי, העבר אותם אל הפונקציה [`ReactDOM.render()`](/docs/react-dom.html#render):
-=======
-To render a React element, first pass the DOM element to [`ReactDOM.createRoot()`](/docs/react-dom-client.html#createroot), then pass the React element to `root.render()`:
->>>>>>> 84ad3308338e2bb819f4f24fa8e9dfeeffaa970b
-
 `embed:rendering-elements/render-an-element.js`
 
-**[Try it on CodePen](https://codepen.io/gaearon/pen/ZpvBNJ?editors=1010)**
+**[נסו את זה ב-codepen](https://codepen.io/gaearon/pen/ZpvBNJ?editors=1010)**
 
 דוגמא זו מציגה "Hello, world" בעמוד.
 
 ## עדכון אלמנטים שצוירו {#updating-the-rendered-element}
 
 אלמנטי ריאקט [אינם משתנים](https://en.wikipedia.org/wiki/Immutable_object). במידה ויצרת אלמנט, לא ניתן לשנות את ילדיו או מאפייניו. אלמנט הוא כמו פרים יחיד בסרט: הוא מייצג את ממשק המשתמש בנקודה מסויימת בזמן.
 
-<<<<<<< HEAD
 עם הידע שלמדנו על כה, הדרך היחידה לעדכן את ממשק המשתמש הוא על ידי יצירה של אלמנט חדש והעברה שלו ל[`ReactDOM.render()`](/docs/react-dom.html#render).
-=======
-With our knowledge so far, the only way to update the UI is to create a new element, and pass it to `root.render()`.
->>>>>>> 84ad3308338e2bb819f4f24fa8e9dfeeffaa970b
 
 בהתחשב בדוגמת השעון המתקתק:
 
 `embed:rendering-elements/update-rendered-element.js`
 
-**[Try it on CodePen](https://codepen.io/gaearon/pen/gwoJZk?editors=1010)**
+**[נסו את זה ב-codepen](https://codepen.io/gaearon/pen/gwoJZk?editors=1010)**
 
-<<<<<<< HEAD
 דוגמא זו קוראת ל[`ReactDOM.render()`](/docs/react-dom.html#render) בכל שניה על ידי הפונקציה הנקראת על ידי [`setInterval()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval).
-=======
-It calls [`root.render()`](/docs/react-dom.html#render) every second from a [`setInterval()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) callback.
->>>>>>> 84ad3308338e2bb819f4f24fa8e9dfeeffaa970b
 
 >**הערה:**
 >
-<<<<<<< HEAD
 >בפועל, רוב אפליקציות ריאקט קוראות ל[`ReactDOM.render()`](/docs/react-dom.html#render) פעם אחת בלבד. בפרקים הבאים נלמד איך קוד כזה מוכמס ל[קומפוננטות בעלות state](/docs/state-and-lifecycle.html).
-
-=======
->In practice, most React apps only call `root.render()` once. In the next sections we will learn how such code gets encapsulated into [stateful components](/docs/state-and-lifecycle.html).
->>>>>>> 84ad3308338e2bb819f4f24fa8e9dfeeffaa970b
 >
 >אנו ממליצים לא לדלג על נושאים מכיוון שהם נבנו אחד על השני.
 
 ## ריאקט מעדכן רק מה שנחוץ לעדכן {#react-only-updates-whats-necessary}
 
 React DOM משווה את האלמנט וילדיו למצב הקודם שלו ומחיל אך ורק שינויים נדרשים בDOM על מנת להביא אותו למצב הרצוי.
 
-<<<<<<< HEAD
 אתה יכול לאמת זאת על ידי התבוננות [בדוגמא](codepen://rendering-elements/update-rendered-element) באמצעות כלי הדפדפן:
-=======
-You can verify by inspecting the [last example](https://codepen.io/gaearon/pen/gwoJZk?editors=1010) with the browser tools:
->>>>>>> 84ad3308338e2bb819f4f24fa8e9dfeeffaa970b
 
 ![DOM inspector המציג את העדכונים הפרטניים](../images/docs/granular-dom-updates.gif)
 

content/docs/state-and-lifecycle.md

@@ -10,11 +10,7 @@ next: handling-events.html
 
 דף זה מציג את הקונספט של state ומחזור חיים בקומפוננטת React. תוכלו למצוא את [פירוט ה-API של קומפוננטה כאן](/docs/react-component.html).
 
-<<<<<<< HEAD
 הביטו על דוגמת השעון המתקתק מ[אחד מהחלקים הקודמים](/docs/rendering-elements.html#updating-the-rendered-element). ב[רינדור אלמנטים](/docs/rendering-elements.html#rendering-an-element-into-the-dom), למדנו רק דרך אחת לעדכון ממשק המשתמש. אנו קוראים ל-`ReactDOM.render()` כדי לשנות את הפלט שירונדר:
-=======
-Consider the ticking clock example from [one of the previous sections](/docs/rendering-elements.html#updating-the-rendered-element). In [Rendering Elements](/docs/rendering-elements.html#rendering-an-element-into-the-dom), we have only learned one way to update the UI. We call `root.render()` to change the rendered output:
->>>>>>> 84ad3308338e2bb819f4f24fa8e9dfeeffaa970b
 
 ```js{10}
 const root = ReactDOM.createRoot(document.getElementById('root'));
@@ -298,11 +294,7 @@ root.render(<Clock />);
 
 בואו נסכם בזריזות את מה שקורה ואת הסדר שבו מתודות נקראות:
 
-<<<<<<< HEAD
 1) כאשר `<Clock />` מועבר ל-`ReactDOM.render()`, React קוראת לבנאי של הרכיב `Clock`. מכיוון ש-`Clock` צריך להציג את השעה הנוכחית, הוא מאתחל את `this.state` עם אובייקט שכולל את הזמן הנוכחי. בהמשך נעדכן את ה-state הזה.
-=======
-1) When `<Clock />` is passed to `root.render()`, React calls the constructor of the `Clock` component. Since `Clock` needs to display the current time, it initializes `this.state` with an object including the current time. We will later update this state.
->>>>>>> 84ad3308338e2bb819f4f24fa8e9dfeeffaa970b
 
 2) אז React קוראת למתודת `render()` של קומפוננטת ה-`Clock`. באופן זה React לומדת מה צריך להיות מוצג על המסך. אז React מעדכנת את ה-DOM כדי שיהיה תואם לפלט שרונדר על ידי `Clock`.
 

content/docs/thinking-in-react.md

@@ -1,6 +1,6 @@
 ---
 id: thinking-in-react
-title: Thinking in React
+title: חשיבה ב-React
 permalink: docs/thinking-in-react.html
 redirect_from:
   - 'blog/2013/11/05/thinking-in-react.html'
@@ -67,11 +67,7 @@ React, לפי דעתנו, היא ספריית הג'וואה-סקריפט המו
 
 נוכל לבנות מלמעלה למטה או מלמטה למעלה. שזה אומר שנוכל להתחיל לבנות את הקומפוננטות מלמעלה בהירככיה( נתחיל מFilterableProductTable ) או מהקומפוננטות התחתונות בהיררכיה( ProductRow  ). בדוגמות פשוטות יותר, זה קל יותר להתחיל מלמעלה למטה, ובפרויקטים גדולים, זה קל יותר להתחיל מלמטה למעלה ולכתוב tests במקביל לבנייה.
 
-<<<<<<< HEAD
 בסוף השלב הזה, יהיה לנו ספרייה של קומפוננטות שמישות שמרנדרות את מודל המידע. הקומפוננטות יכילו רק מתודות render()  מכיון שזוהי גרסה סטטית של היישום. הקומפוננטה בראש ההיררכיה(FilterableProductTable) תיקח  את מודל המידע כprop  שיועבר לה. אם נבצע שינוי למודל המידע ונקרא ל ReactDOM.render() שוב, ממשק המשתמש יעודכן. זה פשוט לראות איך ממשק המשתמש מעודכן והיכן לבצע שינויים מכיוון ששום דבר מסובך לא מתבצע. **העברת המידע בכיוון אחד** של React משאירה הכל בצורה מודולרית ומהירה.
-=======
-At the end of this step, you'll have a library of reusable components that render your data model. The components will only have `render()` methods since this is a static version of your app. The component at the top of the hierarchy (`FilterableProductTable`) will take your data model as a prop. If you make a change to your underlying data model and call `root.render()` again, the UI will be updated. You can see how your UI is updated and where to make changes. React's **one-way data flow** (also called *one-way binding*) keeps everything modular and fast.
->>>>>>> 84ad3308338e2bb819f4f24fa8e9dfeeffaa970b
 
 קרא עוד ב[תיעוד של ריאקט](/docs/getting-started.html) אם תצטרך עזרה בביצוע שלב זה.