Fixes based on comments

Author: zubialevich

Diff for: src/content/learn/index.md

@@ -79,7 +79,7 @@ export default function MyApp() {
 
 Сінтаксіс разметкі, які вы бачылі вышэй, называецца *JSX*. Ён неабавязковы, але большасць праектаў React выкарыстоўваюць JSX для зручнасці. Усе [інструменты, якія мы рэкамендуем для лакальнай распрацоўкі](/learn/installation) падтрымліваюць JSX.
 
-JSX больш строгі, чым HTML. Вы павінны закрываць такія тэгі, як `<br />`. Таксама ваш кампанент не можа вяртаць некалькі тэгаў JSX. Іх трэба змясціць у агульны бацкоўскі элемент, напрыклад `<div>...</div>` або пустую абгортку `<>...</>`:
+JSX больш строгі, чым HTML. Вы павінны закрываць такія тэгі, як `<br />`. Таксама ваш кампанент не можа вяртаць некалькі тэгаў JSX. Іх трэба змясціць у агульны бацькоўскі элемент, напрыклад `<div>...</div>` або пустую абгортку `<>...</>`:
 
 ```js {3,6}
 function AboutPage() {
@@ -115,7 +115,7 @@ React не вызначае, як дадаваць файлы CSS. У самым
 
 ## Адлюстраванне даных {/*displaying-data*/}
 
-JSX дазваляе дадаваць разметку ў JavaScript. Фігурныя дужкі дазваляюць вам "вярнуцца" ў JavaScript, каб вы маглі ўставіць некаторую пераменную з вашага кода і паказаць яе карыстальніку. Напрыклад, код ніжэй пакажа `user.name`:
+JSX дазваляе дадаваць разметку ў JavaScript. Фігурныя дужкі дазваляюць вам «вярнуцца» ў JavaScript, каб вы маглі ўставіць некаторую пераменную з вашага кода і паказаць яе карыстальніку. Напрыклад, код ніжэй пакажа `user.name`:
 
 ```js {3}
 return (
@@ -197,7 +197,7 @@ return (
 );
 ```
 
-Калі вы аддаеце перавагу больш кампактнаму коду, вы можаце выкарыстоўваць [умоўны аператар `?`.](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator) У адрозненне ад `if` яго можна выкарыстоўваць у JSX:
+Калі вы аддаяце перавагу больш кампактнаму коду, вы можаце выкарыстоўваць [умоўны аператар `?`.](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator) У адрозненне ад `if` яго можна выкарыстоўваць у JSX:
 
 ```js
 <div>
@@ -221,7 +221,7 @@ return (
 
 ## Рэндэрынг спісаў {/*rendering-lists*/}
 
-Для адлюстравання спісаў кампанентаў вам трэба будзе выкарыстоўваць такія магчымасці JavaScript, як [цыкл `for`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for) і [функцыя масіва `map()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map).
+Для адлюстравання спісаў кампанентаў вам трэба будзе выкарыстоўваць такія магчымасці JavaScript, як [цыкл `for`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for) і [функцыя масіву `map()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map).
 
 
 Напрыклад, уявім, што ў вас ёсць масіў прадуктаў:
@@ -281,7 +281,7 @@ export default function ShoppingList() {
 
 ## Апрацоўка падзей {/*responding-to-events*/}
 
-Вы можаце рэагаваць на падзеі, аб'яўляючы унутры вашых кампанентаў функцыі *апрацоўшчыкаў падзей*:
+Вы можаце рэагаваць на падзеі, аб'яўляючы ўнутры вашых кампанентаў функцыі *апрацоўшчыкаў падзей*:
 
 ```js {2-4,7}
 function MyButton() {
@@ -301,7 +301,7 @@ function MyButton() {
 
 ## Абнаўленне экрана {/*updating-the-screen*/}
 
-Часта вам можа спатрэбіцца, каб ваш кампанент "запомніў" некаторую інфармацыю і адлюстраваў яе. Напрыклад, вы хочаце падлічыць, колькі разоў націскалася кнопка. Для гэтага дадайце *стан* да вашага кампанента.
+Часта вам можа спатрэбіцца, каб ваш кампанент «запомніў» некаторую інфармацыю і адлюстраваў яе. Напрыклад, вы хочаце падлічыць, колькі разоў націскалася кнопка. Для гэтага дадайце *стан* да вашага кампанента.
 
 Спачатку імпартуйце [`useState`](/reference/react/useState) з React:
 
@@ -337,7 +337,7 @@ function MyButton() {
 }
 ```
 
-React зноў выкліча функцыю вашага кампанента. На гэты раз `count` будзе раўны `1`, затым `2`, і гэтак далей.
+React зноў выкліча функцыю вашага кампанента. На гэты раз `count` будзе роўны `1`, затым `2`, і гэтак далей.
 
 Калі вы рэндэрыце адзін і той жа кампанент некалькі разоў, то ў кожнага з іх будзе свой стан. Паспрабуйце націснуць кожную кнопку паасобку:
 
@@ -380,13 +380,13 @@ button {
 
 </Sandpack>
 
-Звярніце ўвагу на тое, як кожная кнопка "запамінае" свой уласны стан `count` і не ўплывае на іншыя кнопкі.
+Звярніце ўвагу на тое, як кожная кнопка «запамінае» свой уласны стан `count` і не ўплывае на іншыя кнопкі.
 
 ## Выкарыстанне хукаў {/*using-hooks*/}
 
-Функцыі, чыі назвы пачынаюцца з `use`, называюцца *хукамі*. `useState` — гэта ўбудаваны хук у React. У [даведцы па API](/reference/react) можна знайсці іншыя ўбудаваныя хукі. Таксама, вы можаце пісаць свае ўласныя хукі, сумяшчаючы іх з ужо існуючымі.
+Функцыі, чые назвы пачынаюцца з `use`, называюцца *хукамі*. `useState` — гэта ўбудаваны хук у React. У [даведцы па API](/reference/react) можна знайсці іншыя ўбудаваныя хукі. Таксама, вы можаце пісаць свае ўласныя хукі, сумяшчаючы іх з ужо існуючымі.
 
-Хукі маюць больш абмежаванняў, чым іншыя функцый. Хукі могуць выклікацца толькі *у пачатку* вашых кампанентаў (або іншых хукаў). Калі вам патрэбен `useState` ва ўмове ці цыкле, стварыце новы кампанент і выкарыстоўвайце яго там.
+Хукі маюць больш абмежаванняў, чым іншыя функцый. Хукі могуць выклікацца толькі *у пачатку* вашых кампанентаў (або іншых хукаў). Калі вам патрэбны `useState` ва ўмове ці цыкле, стварыце новы кампанент і выкарыстоўвайце яго там.
 
 ## Абмен данымі паміж кампанентамі {/*sharing-data-between-components*/}
 
@@ -396,7 +396,7 @@ button {
 
 <Diagram name="sharing_data_child" height={367} width={407} alt="Дыяграма, якая паказвае дрэва з трох кампанентаў, адзін бацькоўскі з надпісам MyApp і два даччыныя з надпісам MyButton. Абодва кампаненты MyButton утрымліваюць лік з нулявым значэннем.">
 
-Першапачаткова у кожнага `MyButton` стан `count` роўны `0`
+Першапачаткова ў кожнага `MyButton` стан `count` роўны `0`
 
 </Diagram>
 
@@ -408,9 +408,9 @@ button {
 
 </DiagramGroup>
 
-Аднак, часта ўзнікаюць сітуацыі, калі вам трэба, каб кампаненты "мелі агульныя даныя і заўсёды абнаўляліся разам".
+Аднак, часта ўзнікаюць сітуацыі, калі вам трэба, каб кампаненты «мелі агульныя даныя і заўсёды абнаўляліся разам».
 
-Для таго, каб абодва кампаненты `MyButton` адлюстроўвалі аднолькавы `count` і абнаўляліся разам, вам трэба перамясціць стан ад асобных кнопак "уверх" да бліжэйшага кампанента, які змяшчае гэтыя кампаненты.
+Для таго, каб абодва кампаненты `MyButton` адлюстроўвалі аднолькавы `count` і абнаўляліся разам, вам трэба перамясціць стан ад асобных кнопак «уверх» да бліжэйшага кампанента, які змяшчае гэтыя кампаненты.
 
 У гэтым прыкладзе гэта кампанент `MyApp`:
 
@@ -432,7 +432,7 @@ button {
 
 Цяпер, калі вы націснеце адну з кнопак, `count` у `MyApp` зменіцца, што зменіць значэнні лічыльнікаў у абодвух кампанентах `MyButton`. Вось як гэта можна запісаць у кодзе.
 
-Спачатку *перамясціце уверх стан* з `MyButton` у `MyApp`:
+Спачатку *перамясціце ўверх стан* з `MyButton` у `MyApp`:
 
 ```js {2-6,18}
 export default function MyApp() {
@@ -477,9 +477,9 @@ export default function MyApp() {
 }
 ```
 
-Інфармацыя, якую вы перадаеце такім чынам, называецца _пропсамі_ (props). Цяпер кампанент `MyApp` мае стан `count` і апрацоўшчык падзеі `handleClick` і *перадае абодва ў якасці пропсаў* кожнай кнопцы.
+Інфармацыя, якую вы перадаяце такім чынам, называецца _ўласцівасцямі_ або _пропсамі_ (props). Цяпер кампанент `MyApp` мае стан `count` і апрацоўшчык падзеі `handleClick` і *перадае абодва ў якасці ўласцівасцей* кожнай кнопцы.
 
-Нарэшце, змяніце кампанент `MyButton` так, каб ён *счытваў* пропсы, якія яму перадалі з яго бацькоўскага кампанента:
+Нарэшце, змяніце кампанент `MyButton` так, каб ён *счытваў* уласцівасці, якія яму перадалі з яго бацькоўскага кампанента:
 
 ```js {1,3}
 function MyButton({ count, onClick }) {
@@ -491,7 +491,7 @@ function MyButton({ count, onClick }) {
 }
 ```
 
-Калі вы націскаеце кнопку, спрацоўвае апрацоўшчык `onClick`. У кожнай кнопцы ў якасці значэння пропса `onClick` зададзена функцыя `handleClick` з кампанента `MyApp`, там выконваецца код гэтай функцыі. Гэты код выклікае `setCount(count + 1)`, што павялічваюе пераменную стану `count`. Новае значэнне `count` перадаецца ў якасці пропса кожнай кнопца, такім чынам усе кнопкі будуць паказваць гэтае новае значэнне. Гэта называецца "падніманнем стану ўверх". Паднімаючы стан уверх, вы робіце яго агульным для ўсіх кампанентаў.
+Калі вы націскаеце кнопку, спрацоўвае апрацоўшчык `onClick`. У кожнай кнопцы ў якасці значэння ўласцівасці `onClick` зададзена функцыя `handleClick` з кампанента `MyApp`, там выконваецца код гэтай функцыі. Гэты код выклікае `setCount(count + 1)`, што павялічвае пераменную стану `count`. Новае значэнне `count` перадаецца ў якасці ўласцівасці кожнай кнопцы, такім чынам усе кнопкі будуць паказваць гэтае новае значэнне. Гэта называецца «падніманнем стану ўверх». Паднімаючы стан уверх, вы робіце яго агульным для ўсіх кампанентаў.
 
 <Sandpack>
 
@@ -536,4 +536,4 @@ button {
 
 Цяпер вы ведаеце асновы таго, як пісаць код на React!
 
-Азнаёмцеся з [увядзеннем](/learn/tutorial-tic-tac-toe), каб прымяніць на практыцы атрыманыя веды і стварыць сваю першую міні-праграму на React.
+Азнаёмцеся з [уводзінамі](/learn/tutorial-tic-tac-toe), каб прымяніць на практыцы атрыманыя веды і стварыць сваю першую міні-праграму на React.