From 0eec9c92e7febac7e753d19865a4aa6b04c0ddf7 Mon Sep 17 00:00:00 2001
From: mikhailnetkachev-halolab <michael.n@halo-lab.com>
Date: Thu, 19 Dec 2019 10:25:46 +0200
Subject: [PATCH 01/10] The article has been translated.

---
 content/warnings/unknown-prop.md | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md
index 783d1b385..fca330df5 100644
--- a/content/warnings/unknown-prop.md
+++ b/content/warnings/unknown-prop.md
@@ -1,39 +1,39 @@
 ---
-title: Unknown Prop Warning
+title: Попередження про Невідомий Prop
 layout: single
 permalink: warnings/unknown-prop.html
 ---
-The unknown-prop warning will fire if you attempt to render a DOM element with a prop that is not recognized by React as a legal DOM attribute/property. You should ensure that your DOM elements do not have spurious props floating around.
+Попередження про наявність невідомого prop з'являються, коли Ви намагаєтесь відобразити DOM-елемент з prop, що не може бути визначений React, як валідний атрибут або властивість. Ви повинні переконатись у тому, що DOM-елемент помилково не отримав props.
 
-There are a couple of likely reasons this warning could be appearing:
+Існує декілька можливих причин, через які це попередження може з'явитись:
 
-1. Are you using `{...this.props}` or `cloneElement(element, this.props)`? Your component is transferring its own props directly to a child element (eg. [transferring props](/docs/transferring-props.html)). When transferring props to a child component, you should ensure that you are not accidentally forwarding props that were intended to be interpreted by the parent component.
+1. Можливо Ви використовуєте `{...this.props}` або `cloneElement(element, this.props)`? Ваш компонент передає власні props безпосередньо до дочірнього компонента (див. [Компоненти і пропси](/docs/transferring-props.html)). У цьому випадку потрібно переконатись у тому, що props, призначенні лише для батьківського компонента, не потрапляють до дочірнього.
 
-2. You are using a non-standard DOM attribute on a native DOM node, perhaps to represent custom data. If you are trying to attach custom data to a standard DOM element, consider using a custom data attribute as described [on MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes).
+2. Ви використовуєте нестандартний DOM-атрибут на нативному DOM-вузлі, наприклад, для представлення власних даних. Якщо Ви намагаєтесь додати власні дані до стандартного елементу DOM, розгляньте можливість використання спеціального data-атрибуту, як описано [на MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes).
 
-3. React does not yet recognize the attribute you specified. This will likely be fixed in a future version of React. However, React currently strips all unknown attributes, so specifying them in your React app will not cause them to be rendered.
+3. React не може розпізнати зазначений Вами атрибут. Ймовірно, це буде виправлено у наступних версіях React. Однак наразі React ігнорує усі невідомі атрибути й тому їх визначення у вашому додатку не призведе до їх відображення.
 
-4. You are using a React component without an upper case. React interprets it as a DOM tag because [React JSX transform uses the upper vs. lower case convention to distinguish between user-defined components and DOM tags](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized).
+4. Ім'я вашого React-компонента починається з малої літери. У цьому випадку React інтерпретує його у якості DOM-тегу тому, що [для трансформації JSX використовується верхній та нижній регістри](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized), щоб розрізняти React-компоненти та нативні елементи DOM.
 
 ---
 
-To fix this, composite components should "consume" any prop that is intended for the composite component and not intended for the child component. Example:
+Для того, щоби розв'язати цю проблему, складові компоненти мають отримувати всі props, призначені лише для них, та не передавати їх дочірнім компонентам. Наприклад:
 
-**Bad:** Unexpected `layout` prop is forwarded to the `div` tag.
+**Погано:** Неочікуваний prop `layout` був переданий до тегу `div`.
 
 ```js
 function MyDiv(props) {
   if (props.layout === 'horizontal') {
-    // BAD! Because you know for sure "layout" is not a prop that <div> understands.
+    // Погано! Тому що Ви впевнені, що "layout" не є prop, який <div> зрозуміє
     return <div {...props} style={getHorizontalStyle()} />
   } else {
-    // BAD! Because you know for sure "layout" is not a prop that <div> understands.
+    // Погано! Тому що Ви впевнені, що "layout" не є prop, який <div> зрозуміє
     return <div {...props} style={getVerticalStyle()} />
   }
 }
 ```
 
-**Good:** The spread operator can be used to pull variables off props, and put the remaining props into a variable.
+**Добре:** Spread-оператор може бути використаний для поля об'єкту і визначення його в окрему змінну.  The spread operator can be used to pull variables off props, and put the remaining props into a variable.
 
 ```js
 function MyDiv(props) {
@@ -46,7 +46,7 @@ function MyDiv(props) {
 }
 ```
 
-**Good:** You can also assign the props to a new object and delete the keys that you're using from the new object. Be sure not to delete the props from the original `this.props` object, since that object should be considered immutable.
+**Good:** Також Ви можете скопіювати усі props до нового об'єкту та видалити зайві ключі. Майте на увазі, що видаляти ключі потрібно лише у новому об'єкті, оскільки об'єкт `this.props` відповідає концепції іммутабельності, тобто має бути незмінним.
 
 ```js
 function MyDiv(props) {

From 10936fc982e375dc68c2e6d438ad3c2de75c17c3 Mon Sep 17 00:00:00 2001
From: mikhailnetkachev-halolab <michael.n@halo-lab.com>
Date: Thu, 19 Dec 2019 10:25:46 +0200
Subject: [PATCH 02/10] The article has been translated.

---
 content/warnings/unknown-prop.md | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md
index 783d1b385..647cbeed4 100644
--- a/content/warnings/unknown-prop.md
+++ b/content/warnings/unknown-prop.md
@@ -1,39 +1,39 @@
 ---
-title: Unknown Prop Warning
+title: Попередження про Невідомий Prop
 layout: single
 permalink: warnings/unknown-prop.html
 ---
-The unknown-prop warning will fire if you attempt to render a DOM element with a prop that is not recognized by React as a legal DOM attribute/property. You should ensure that your DOM elements do not have spurious props floating around.
+Попередження про наявність невідомого prop з'являються, коли Ви намагаєтесь відобразити DOM-елемент з prop, що не може бути визначений React, як валідний атрибут або властивість. Ви повинні переконатись у тому, що DOM-елемент помилково не отримав props.
 
-There are a couple of likely reasons this warning could be appearing:
+Існує декілька можливих причин, через які це попередження може з'явитись:
 
-1. Are you using `{...this.props}` or `cloneElement(element, this.props)`? Your component is transferring its own props directly to a child element (eg. [transferring props](/docs/transferring-props.html)). When transferring props to a child component, you should ensure that you are not accidentally forwarding props that were intended to be interpreted by the parent component.
+1. Можливо Ви використовуєте `{...this.props}` або `cloneElement(element, this.props)`? Ваш компонент передає власні props безпосередньо до дочірнього компонента (див. [Компоненти і пропси](/docs/transferring-props.html)). У цьому випадку потрібно переконатись у тому, що props, призначенні лише для батьківського компонента, не потрапляють до дочірнього.
 
-2. You are using a non-standard DOM attribute on a native DOM node, perhaps to represent custom data. If you are trying to attach custom data to a standard DOM element, consider using a custom data attribute as described [on MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes).
+2. Ви використовуєте нестандартний DOM-атрибут на нативному DOM-вузлі, наприклад, для представлення власних даних. Якщо Ви намагаєтесь додати власні дані до стандартного елементу DOM, розгляньте можливість використання спеціального data-атрибуту, як описано [на MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes).
 
-3. React does not yet recognize the attribute you specified. This will likely be fixed in a future version of React. However, React currently strips all unknown attributes, so specifying them in your React app will not cause them to be rendered.
+3. React не може розпізнати зазначений Вами атрибут. Ймовірно, це буде виправлено у наступних версіях React. Однак наразі React ігнорує усі невідомі атрибути й тому їх визначення у вашому додатку не призведе до їх відображення.
 
-4. You are using a React component without an upper case. React interprets it as a DOM tag because [React JSX transform uses the upper vs. lower case convention to distinguish between user-defined components and DOM tags](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized).
+4. Ім'я вашого React-компонента починається з малої літери. У цьому випадку React інтерпретує його у якості DOM-тегу тому, що [для трансформації JSX використовується верхній та нижній регістри](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized), щоб розрізняти React-компоненти та нативні елементи DOM.
 
 ---
 
-To fix this, composite components should "consume" any prop that is intended for the composite component and not intended for the child component. Example:
+Для того, щоби розв'язати цю проблему, складові компоненти мають отримувати всі props, призначені лише для них, та не передавати їх дочірнім компонентам. Наприклад:
 
-**Bad:** Unexpected `layout` prop is forwarded to the `div` tag.
+**Погано:** Неочікуваний prop `layout` був переданий до тегу `div`.
 
 ```js
 function MyDiv(props) {
   if (props.layout === 'horizontal') {
-    // BAD! Because you know for sure "layout" is not a prop that <div> understands.
+    // Погано! Тому що Ви впевнені, що "layout" не є prop, який <div> зрозуміє
     return <div {...props} style={getHorizontalStyle()} />
   } else {
-    // BAD! Because you know for sure "layout" is not a prop that <div> understands.
+    // Погано! Тому що Ви впевнені, що "layout" не є prop, який <div> зрозуміє
     return <div {...props} style={getVerticalStyle()} />
   }
 }
 ```
 
-**Good:** The spread operator can be used to pull variables off props, and put the remaining props into a variable.
+**Добре:** Spread-оператор може бути використаний для деструктурізації поля об'єкту та визначення його, як окремої змінної.
 
 ```js
 function MyDiv(props) {
@@ -46,7 +46,7 @@ function MyDiv(props) {
 }
 ```
 
-**Good:** You can also assign the props to a new object and delete the keys that you're using from the new object. Be sure not to delete the props from the original `this.props` object, since that object should be considered immutable.
+**Good:** Також Ви можете скопіювати усі props до нового об'єкту та видалити зайві ключі. Майте на увазі, що видаляти ключі потрібно лише у новому об'єкті, оскільки об'єкт `this.props` відповідає концепції іммутабельності, тобто має бути незмінним.
 
 ```js
 function MyDiv(props) {

From a179102d49a61b70b85d20aab174b85419464164 Mon Sep 17 00:00:00 2001
From: mikhailnetkachev-halolab <michael.n@halo-lab.com>
Date: Thu, 19 Dec 2019 10:56:09 +0200
Subject: [PATCH 03/10] Fix translation.

---
 content/warnings/unknown-prop.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md
index 647cbeed4..245ff1c81 100644
--- a/content/warnings/unknown-prop.md
+++ b/content/warnings/unknown-prop.md
@@ -46,7 +46,7 @@ function MyDiv(props) {
 }
 ```
 
-**Good:** Також Ви можете скопіювати усі props до нового об'єкту та видалити зайві ключі. Майте на увазі, що видаляти ключі потрібно лише у новому об'єкті, оскільки об'єкт `this.props` відповідає концепції іммутабельності, тобто має бути незмінним.
+**Добре:** Також Ви можете скопіювати усі props до нового об'єкту та видалити зайві ключі. Майте на увазі, що видаляти ключі потрібно лише у новому об'єкті, оскільки об'єкт `this.props` відповідає концепції іммутабельності, тобто має бути незмінним.
 
 ```js
 function MyDiv(props) {

From cff41bf12f68bc133efd8325eb5cafa66b7145dd Mon Sep 17 00:00:00 2001
From: mikhailnetkachev-halolab <michael.n@halo-lab.com>
Date: Thu, 19 Dec 2019 17:02:19 +0200
Subject: [PATCH 04/10] Checked by yarn.

---
 gatsby-config.js                            | 6 ++++--
 src/components/CodeEditor/CodeEditor.js     | 5 +++--
 src/components/ErrorDecoder/ErrorDecoder.js | 4 ++--
 src/pages/index.js                          | 5 +++--
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/gatsby-config.js b/gatsby-config.js
index 746bb781a..5a781d5af 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -8,10 +8,12 @@
 
 module.exports = {
   siteMetadata: {
-    title: 'React – JavaScript-бібліотека для створення користувацьких інтерфейсів',
+    title:
+      'React – JavaScript-бібліотека для створення користувацьких інтерфейсів',
     siteUrl: 'https://uk.reactjs.org',
     rssFeedTitle: 'React',
-    rssFeedDescription: 'JavaScript-бібліотека для створення користувацьких інтерфейсів',
+    rssFeedDescription:
+      'JavaScript-бібліотека для створення користувацьких інтерфейсів',
   },
   mapping: {
     'MarkdownRemark.frontmatter.author': 'AuthorYaml',
diff --git a/src/components/CodeEditor/CodeEditor.js b/src/components/CodeEditor/CodeEditor.js
index 3f8e1fadf..2ba88728b 100644
--- a/src/components/CodeEditor/CodeEditor.js
+++ b/src/components/CodeEditor/CodeEditor.js
@@ -65,8 +65,9 @@ class CodeEditor extends Component {
           Не вдалося завантажити Babel.
           <br />
           <br />
-          Це може бути пов'язано з блокувальником реклами. Якщо ви використовуєте один з них,
-          додайте адресу reactjs.org до білого списку для того, щоб приклади коду запрацювали.
+          Це може бути пов'язано з блокувальником реклами. Якщо ви
+          використовуєте один з них, додайте адресу reactjs.org до білого списку
+          для того, щоб приклади коду запрацювали.
         </span>
       );
     } else if (error != null) {
diff --git a/src/components/ErrorDecoder/ErrorDecoder.js b/src/components/ErrorDecoder/ErrorDecoder.js
index 32e6146ac..2f0627126 100644
--- a/src/components/ErrorDecoder/ErrorDecoder.js
+++ b/src/components/ErrorDecoder/ErrorDecoder.js
@@ -69,8 +69,8 @@ function ErrorResult(props: {|code: ?string, msg: string|}) {
   if (!code) {
     return (
       <p>
-        Коли трапляється помилка, ви отримаєте посилання на цю сторінку,
-        де ви побачите повний текст конкретної помилки.
+        Коли трапляється помилка, ви отримаєте посилання на цю сторінку, де ви
+        побачите повний текст конкретної помилки.
       </p>
     );
   }
diff --git a/src/pages/index.js b/src/pages/index.js
index e9f852ace..fe3baa03a 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -133,7 +133,8 @@ class Home extends Component {
                         fontSize: 30,
                       },
                     }}>
-                    JavaScript-бібліотека для створення користувацьких інтерфейсів
+                    JavaScript-бібліотека для створення користувацьких
+                    інтерфейсів
                   </p>
                   <Flex
                     valign="center"
@@ -364,7 +365,7 @@ export const pageQuery = graphql`
         }
       }
     }
-    
+
     examples: allMarkdownRemark(
       filter: {fileAbsolutePath: {regex: "//home/examples//"}}
       sort: {fields: [frontmatter___order], order: ASC}

From dee683b6f264c3537aec02c5774ac56b31935e04 Mon Sep 17 00:00:00 2001
From: mikhailnetkachev-halolab <michael.n@halo-lab.com>
Date: Fri, 27 Dec 2019 12:25:00 +0200
Subject: [PATCH 05/10] Fixed translation according to instructions.

---
 content/warnings/unknown-prop.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md
index 245ff1c81..f8efd2e2f 100644
--- a/content/warnings/unknown-prop.md
+++ b/content/warnings/unknown-prop.md
@@ -3,13 +3,13 @@ title: Попередження про Невідомий Prop
 layout: single
 permalink: warnings/unknown-prop.html
 ---
-Попередження про наявність невідомого prop з'являються, коли Ви намагаєтесь відобразити DOM-елемент з prop, що не може бути визначений React, як валідний атрибут або властивість. Ви повинні переконатись у тому, що DOM-елемент помилково не отримав props.
+Попередження про наявність невідомого prop з'являються, коли ви намагаєтесь відобразити DOM-елемент з prop, що не може бути визначений React, як валідний атрибут або властивість. Ви повинні переконатись у тому, що DOM-елемент помилково не отримав props.
 
 Існує декілька можливих причин, через які це попередження може з'явитись:
 
-1. Можливо Ви використовуєте `{...this.props}` або `cloneElement(element, this.props)`? Ваш компонент передає власні props безпосередньо до дочірнього компонента (див. [Компоненти і пропси](/docs/transferring-props.html)). У цьому випадку потрібно переконатись у тому, що props, призначенні лише для батьківського компонента, не потрапляють до дочірнього.
+1. Можливо ви використовуєте `{...this.props}` або `cloneElement(element, this.props)`? Ваш компонент передає власні props безпосередньо до дочірнього компонента (див. [Компоненти і пропси](/docs/transferring-props.html)). У цьому випадку потрібно переконатись у тому, що props, призначенні лише для батьківського компонента, не потрапляють до дочірнього.
 
-2. Ви використовуєте нестандартний DOM-атрибут на нативному DOM-вузлі, наприклад, для представлення власних даних. Якщо Ви намагаєтесь додати власні дані до стандартного елементу DOM, розгляньте можливість використання спеціального data-атрибуту, як описано [на MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes).
+2. Ви використовуєте нестандартний DOM-атрибут на нативному DOM-вузлі, наприклад, для представлення власних даних. Якщо ви намагаєтесь додати власні дані до стандартного елементу DOM, розгляньте можливість використання спеціального data-атрибуту, як описано [на MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes).
 
 3. React не може розпізнати зазначений Вами атрибут. Ймовірно, це буде виправлено у наступних версіях React. Однак наразі React ігнорує усі невідомі атрибути й тому їх визначення у вашому додатку не призведе до їх відображення.
 
@@ -24,10 +24,10 @@ permalink: warnings/unknown-prop.html
 ```js
 function MyDiv(props) {
   if (props.layout === 'horizontal') {
-    // Погано! Тому що Ви впевнені, що "layout" не є prop, який <div> зрозуміє
+    // Погано! Тому що ви впевнені, що "layout" не є prop, який <div> зрозуміє
     return <div {...props} style={getHorizontalStyle()} />
   } else {
-    // Погано! Тому що Ви впевнені, що "layout" не є prop, який <div> зрозуміє
+    // Погано! Тому що ви впевнені, що "layout" не є prop, який <div> зрозуміє
     return <div {...props} style={getVerticalStyle()} />
   }
 }
@@ -46,7 +46,7 @@ function MyDiv(props) {
 }
 ```
 
-**Добре:** Також Ви можете скопіювати усі props до нового об'єкту та видалити зайві ключі. Майте на увазі, що видаляти ключі потрібно лише у новому об'єкті, оскільки об'єкт `this.props` відповідає концепції іммутабельності, тобто має бути незмінним.
+**Добре:** Також ви можете скопіювати усі props до нового об'єкту та видалити зайві ключі. Майте на увазі, що видаляти ключі потрібно лише у новому об'єкті, оскільки об'єкт `this.props` відповідає концепції іммутабельності, тобто має бути незмінним.
 
 ```js
 function MyDiv(props) {

From 4b12e0076040d2779d2e6b55021a2ddfc2378584 Mon Sep 17 00:00:00 2001
From: mikhailnetkachev-halolab <michael.n@halo-lab.com>
Date: Wed, 15 Jan 2020 17:26:07 +0200
Subject: [PATCH 06/10] Fix: text formatting has been reverted.

---
 gatsby-config.js                            | 6 ++----
 src/components/CodeEditor/CodeEditor.js     | 5 ++---
 src/components/ErrorDecoder/ErrorDecoder.js | 4 ++--
 src/pages/index.js                          | 5 ++---
 4 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/gatsby-config.js b/gatsby-config.js
index 5a781d5af..746bb781a 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -8,12 +8,10 @@
 
 module.exports = {
   siteMetadata: {
-    title:
-      'React – JavaScript-бібліотека для створення користувацьких інтерфейсів',
+    title: 'React – JavaScript-бібліотека для створення користувацьких інтерфейсів',
     siteUrl: 'https://uk.reactjs.org',
     rssFeedTitle: 'React',
-    rssFeedDescription:
-      'JavaScript-бібліотека для створення користувацьких інтерфейсів',
+    rssFeedDescription: 'JavaScript-бібліотека для створення користувацьких інтерфейсів',
   },
   mapping: {
     'MarkdownRemark.frontmatter.author': 'AuthorYaml',
diff --git a/src/components/CodeEditor/CodeEditor.js b/src/components/CodeEditor/CodeEditor.js
index 2ba88728b..3f8e1fadf 100644
--- a/src/components/CodeEditor/CodeEditor.js
+++ b/src/components/CodeEditor/CodeEditor.js
@@ -65,9 +65,8 @@ class CodeEditor extends Component {
           Не вдалося завантажити Babel.
           <br />
           <br />
-          Це може бути пов'язано з блокувальником реклами. Якщо ви
-          використовуєте один з них, додайте адресу reactjs.org до білого списку
-          для того, щоб приклади коду запрацювали.
+          Це може бути пов'язано з блокувальником реклами. Якщо ви використовуєте один з них,
+          додайте адресу reactjs.org до білого списку для того, щоб приклади коду запрацювали.
         </span>
       );
     } else if (error != null) {
diff --git a/src/components/ErrorDecoder/ErrorDecoder.js b/src/components/ErrorDecoder/ErrorDecoder.js
index 2f0627126..32e6146ac 100644
--- a/src/components/ErrorDecoder/ErrorDecoder.js
+++ b/src/components/ErrorDecoder/ErrorDecoder.js
@@ -69,8 +69,8 @@ function ErrorResult(props: {|code: ?string, msg: string|}) {
   if (!code) {
     return (
       <p>
-        Коли трапляється помилка, ви отримаєте посилання на цю сторінку, де ви
-        побачите повний текст конкретної помилки.
+        Коли трапляється помилка, ви отримаєте посилання на цю сторінку,
+        де ви побачите повний текст конкретної помилки.
       </p>
     );
   }
diff --git a/src/pages/index.js b/src/pages/index.js
index fe3baa03a..e9f852ace 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -133,8 +133,7 @@ class Home extends Component {
                         fontSize: 30,
                       },
                     }}>
-                    JavaScript-бібліотека для створення користувацьких
-                    інтерфейсів
+                    JavaScript-бібліотека для створення користувацьких інтерфейсів
                   </p>
                   <Flex
                     valign="center"
@@ -365,7 +364,7 @@ export const pageQuery = graphql`
         }
       }
     }
-
+    
     examples: allMarkdownRemark(
       filter: {fileAbsolutePath: {regex: "//home/examples//"}}
       sort: {fields: [frontmatter___order], order: ASC}

From 9d20f1866f5a478e45bb724a4a30813b7ec495a6 Mon Sep 17 00:00:00 2001
From: mikhailnetkachev-halolab <michael.n@halo-lab.com>
Date: Tue, 21 Jan 2020 17:09:14 +0200
Subject: [PATCH 07/10] =?UTF-8?q?Changed=20all=20'props'=20to=20'=D0=BF?=
 =?UTF-8?q?=D1=80=D0=BE=D0=BF=D1=81'.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/warnings/unknown-prop.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md
index f8efd2e2f..06734cd4a 100644
--- a/content/warnings/unknown-prop.md
+++ b/content/warnings/unknown-prop.md
@@ -3,11 +3,11 @@ title: Попередження про Невідомий Prop
 layout: single
 permalink: warnings/unknown-prop.html
 ---
-Попередження про наявність невідомого prop з'являються, коли ви намагаєтесь відобразити DOM-елемент з prop, що не може бути визначений React, як валідний атрибут або властивість. Ви повинні переконатись у тому, що DOM-елемент помилково не отримав props.
+Попередження про наявність невідомого пропа з'являються, коли ви намагаєтесь відобразити DOM-елемент з пропом, що не може бути визначений React, як валідний атрибут або властивість. Ви повинні переконатись у тому, що DOM-елемент помилково не отримав пропси.
 
 Існує декілька можливих причин, через які це попередження може з'явитись:
 
-1. Можливо ви використовуєте `{...this.props}` або `cloneElement(element, this.props)`? Ваш компонент передає власні props безпосередньо до дочірнього компонента (див. [Компоненти і пропси](/docs/transferring-props.html)). У цьому випадку потрібно переконатись у тому, що props, призначенні лише для батьківського компонента, не потрапляють до дочірнього.
+1. Можливо ви використовуєте `{...this.props}` або `cloneElement(element, this.props)`? Ваш компонент передає власні пропси безпосередньо до дочірнього компонента (див. [Компоненти і пропси](/docs/transferring-props.html)). У цьому випадку потрібно переконатись у тому, що пропси, призначенні лише для батьківського компонента, не потрапляють до дочірнього.
 
 2. Ви використовуєте нестандартний DOM-атрибут на нативному DOM-вузлі, наприклад, для представлення власних даних. Якщо ви намагаєтесь додати власні дані до стандартного елементу DOM, розгляньте можливість використання спеціального data-атрибуту, як описано [на MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes).
 
@@ -17,17 +17,17 @@ permalink: warnings/unknown-prop.html
 
 ---
 
-Для того, щоби розв'язати цю проблему, складові компоненти мають отримувати всі props, призначені лише для них, та не передавати їх дочірнім компонентам. Наприклад:
+Для того, щоби розв'язати цю проблему, складові компоненти мають отримувати всі пропси, призначені лише для них, та не передавати їх дочірнім компонентам. Наприклад:
 
-**Погано:** Неочікуваний prop `layout` був переданий до тегу `div`.
+**Погано:** Неочікуваний проп `layout` був переданий до тегу `div`.
 
 ```js
 function MyDiv(props) {
   if (props.layout === 'horizontal') {
-    // Погано! Тому що ви впевнені, що "layout" не є prop, який <div> зрозуміє
+    // Погано! Тому що ви впевнені, що "layout" не є пропом, який <div> зрозуміє
     return <div {...props} style={getHorizontalStyle()} />
   } else {
-    // Погано! Тому що ви впевнені, що "layout" не є prop, який <div> зрозуміє
+    // Погано! Тому що ви впевнені, що "layout" не є пропом, який <div> зрозуміє
     return <div {...props} style={getVerticalStyle()} />
   }
 }
@@ -46,7 +46,7 @@ function MyDiv(props) {
 }
 ```
 
-**Добре:** Також ви можете скопіювати усі props до нового об'єкту та видалити зайві ключі. Майте на увазі, що видаляти ключі потрібно лише у новому об'єкті, оскільки об'єкт `this.props` відповідає концепції іммутабельності, тобто має бути незмінним.
+**Добре:** Також ви можете скопіювати усі пропси до нового об'єкту та видалити зайві ключі. Майте на увазі, що видаляти ключі потрібно лише у новому об'єкті, оскільки об'єкт `this.props` відповідає концепції іммутабельності, тобто має бути незмінним.
 
 ```js
 function MyDiv(props) {

From c6a0321ead80a7713d60a7fa70676debf0c5fa00 Mon Sep 17 00:00:00 2001
From: mikhailnetkachev-halolab <michael.n@halo-lab.com>
Date: Tue, 21 Jan 2020 17:13:55 +0200
Subject: [PATCH 08/10] Fixed article title.

---
 content/warnings/unknown-prop.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md
index 06734cd4a..37c717cbc 100644
--- a/content/warnings/unknown-prop.md
+++ b/content/warnings/unknown-prop.md
@@ -1,5 +1,5 @@
 ---
-title: Попередження про Невідомий Prop
+title: Попередження про Невідомий Проп
 layout: single
 permalink: warnings/unknown-prop.html
 ---

From fe7be44f82e4d1ebc1a16c774276a11cbc9e42a4 Mon Sep 17 00:00:00 2001
From: Volodymyr Klymenko <klymenkodp@gmail.com>
Date: Tue, 18 Feb 2020 09:35:37 -0500
Subject: [PATCH 09/10] Update content/warnings/unknown-prop.md

---
 content/warnings/unknown-prop.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md
index 37c717cbc..85e5d8db8 100644
--- a/content/warnings/unknown-prop.md
+++ b/content/warnings/unknown-prop.md
@@ -11,7 +11,7 @@ permalink: warnings/unknown-prop.html
 
 2. Ви використовуєте нестандартний DOM-атрибут на нативному DOM-вузлі, наприклад, для представлення власних даних. Якщо ви намагаєтесь додати власні дані до стандартного елементу DOM, розгляньте можливість використання спеціального data-атрибуту, як описано [на MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes).
 
-3. React не може розпізнати зазначений Вами атрибут. Ймовірно, це буде виправлено у наступних версіях React. Однак наразі React ігнорує усі невідомі атрибути й тому їх визначення у вашому додатку не призведе до їх відображення.
+3. React не може розпізнати зазначений вами атрибут. Ймовірно, це буде виправлено у наступних версіях React. Однак наразі React ігнорує усі невідомі атрибути й тому їх визначення у вашому додатку не призведе до їх відображення.
 
 4. Ім'я вашого React-компонента починається з малої літери. У цьому випадку React інтерпретує його у якості DOM-тегу тому, що [для трансформації JSX використовується верхній та нижній регістри](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized), щоб розрізняти React-компоненти та нативні елементи DOM.
 

From 1abf948ed9aff5fe647cca2edde497b1181cc122 Mon Sep 17 00:00:00 2001
From: Volodymyr Klymenko <klymenkodp@gmail.com>
Date: Tue, 18 Feb 2020 09:35:43 -0500
Subject: [PATCH 10/10] Update content/warnings/unknown-prop.md

---
 content/warnings/unknown-prop.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md
index 85e5d8db8..c5b43f186 100644
--- a/content/warnings/unknown-prop.md
+++ b/content/warnings/unknown-prop.md
@@ -1,5 +1,5 @@
 ---
-title: Попередження про Невідомий Проп
+title: Попередження: невідомий проп
 layout: single
 permalink: warnings/unknown-prop.html
 ---