From f39dc28050ffeb4ae5b35131bdac1ecce6426aa3 Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 00:59:26 -0500
Subject: [PATCH 01/20] uk-translation-home-page

---
 content/home/examples/a-component-using-external-plugins.md | 4 ++--
 content/home/examples/a-simple-component.md                 | 6 +++---
 content/home/examples/a-stateful-component.md               | 4 ++--
 content/home/examples/an-application.md                     | 4 ++--
 content/home/marketing/component-based.md                   | 6 +++---
 content/home/marketing/declarative.md                       | 6 +++---
 content/home/marketing/learn-once-write-anywhere.md         | 6 +++---
 7 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md
index 1c50c8718..7f4abba95 100644
--- a/content/home/examples/a-component-using-external-plugins.md
+++ b/content/home/examples/a-component-using-external-plugins.md
@@ -1,7 +1,7 @@
 ---
-title: A Component Using External Plugins
+title: Компонент, що використовує зовнішні модулі
 order: 3
 domid: markdown-example
 ---
 
-React allows you to interface with other libraries and frameworks. This example uses **remarkable**, an external Markdown library, to convert the `<textarea>`'s value in real time.
+React дозволяє взаємодіяти з іншими бібліотеками та фреймворками. У цьому прикладі використана **дивовижна** зовнішня бібліотека — Markdown, для зміни значення `<textarea>` в реальному часі.
diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index d791856d4..33741b62b 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -1,9 +1,9 @@
 ---
-title: A Simple Component
+title: Простий компонент
 order: 0
 domid: hello-example
 ---
 
-React components implement a `render()` method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by `render()` via `this.props`.
+Компоненти реалізують метод `render()`, який приймає вхідні дані і повертає те, що буде показано користувачу. У цьому прикладі використовується XML-подібний синтаксис під назвою JSX. Доступ до вхідних даних, які передаються в компонент, можна отримати за допомогою `render()` та `this.props`.
 
-**JSX is optional and not required to use React.** Try the [Babel REPL](babel://es5-syntax-example) to see the raw JavaScript code produced by the JSX compilation step.
+**JSX не є обов'язковим для React.** Спробуйте [Babel REPL](babel://es5-syntax-example), щоб побачити необроблений код JavaScript, створений компіляцією JSX.
diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index a68ab0a51..714b259f0 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -1,7 +1,7 @@
 ---
-title: A Stateful Component
+title: Оновлення стану компоненту
 order: 1
 domid: timer-example
 ---
 
-In addition to taking input data (accessed via `this.props`), a component can maintain internal state data (accessed via `this.state`). When a component's state data changes, the rendered markup will be updated by re-invoking `render()`.
+У додаток до прийняття вхідних даних (доступ до яких здійснюється через `this.props`), компонент оновлює дані внутрішнього стану (доступні через `this.state`). Коли дані стану компонента змінюються, відбувається повторний рендер використовуючи функцію `render()`.
diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 227d0621b..9dbe48cce 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -1,7 +1,7 @@
 ---
-title: An Application
+title: Застосування
 order: 2
 domid: todos-example
 ---
 
-Using `props` and `state`, we can put together a small Todo application. This example uses `state` to track the current list of items as well as the text that the user has entered. Although event handlers appear to be rendered inline, they will be collected and implemented using event delegation.
+Використовуючи `пропси` і `стан`, ми можемо зібрати невелики додаток для виконання поточних задач. Цей приклад використовує `стан` для відстеження поточного списку елементів, а також тексту користувача. Хоча обробники подій здаються вбудованими, вони будуть зібрані та реалізовані за допомогою методу делегування подій.
\ No newline at end of file
diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md
index aeb3c4de2..83f4be051 100644
--- a/content/home/marketing/component-based.md
+++ b/content/home/marketing/component-based.md
@@ -1,8 +1,8 @@
 ---
-title: Component-Based
+title: Компоненти
 order: 1
 ---
 
-Build encapsulated components that manage their own state, then compose them to make complex UIs.
+Створюйте інкапсульовані компоненти, які керують власним станом, а з них будуйте складні інтерфейси.
 
-Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM.
+Легка передача інформації у вашій программі, а також збереження стану DOM завдяки логіці JavaScript-компонентів.
diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md
index c3b651902..549e3dd1b 100644
--- a/content/home/marketing/declarative.md
+++ b/content/home/marketing/declarative.md
@@ -1,8 +1,8 @@
 ---
-title: Declarative
+title: Декларативне програмування
 order: 0
 ---
 
-React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
+React спрощує створення інтерактивних інтерфейсів для кожного стану вашої програми, a також ефективно оновлює та відтворює лише потрібні компоненти під час зміни даних.
 
-Declarative views make your code more predictable and easier to debug.
+Декларативні інтерфейси роблять ваш код більш передбачуваним і його набагато легше налагоджувати.
diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index 009edf5bc..1df791a47 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -1,8 +1,8 @@
 ---
-title: Learn Once, Write Anywhere
+title: Вивчайте лише раз, пишіть будь-де
 order: 2
 ---
 
-We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code.
+Ми не робимо припущень щодо стеку технологій які ви використовуєте, тому ви можете розробляти нові функції в React, не переписуючи існуючий код.
 
-React can also render on the server using Node and power mobile apps using [React Native](https://facebook.github.io/react-native/).
+React також може відображатися на сервері, використовуючи Node і потужні мобільні програми які використовують [React Native](https://facebook.github.io/react-native/).

From fb1bb057f890f2ef89b5b959da00d86cf29c8dd1 Mon Sep 17 00:00:00 2001
From: Oleksii Polovyi <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 01:02:50 -0500
Subject: [PATCH 02/20] Delete TRANSLATION.md

---
 TRANSLATION.md | 101 -------------------------------------------------
 1 file changed, 101 deletions(-)
 delete mode 100644 TRANSLATION.md

diff --git a/TRANSLATION.md b/TRANSLATION.md
deleted file mode 100644
index e7be9a786..000000000
--- a/TRANSLATION.md
+++ /dev/null
@@ -1,101 +0,0 @@
-# Український переклад reactjs.org
-
-[Поточний прогрес перекладу / запитання.](https://github.com/reactjs/uk.reactjs.org/issues/1)
-
-## Загальні правила
-
-- _Ви_ і спільнокореневі пишіть з маленької літери
-- Перекладайте лише коментарі в прикладах коду
-- Використовуйте тире `—` для пунктуації, а дефіс `-` для орфографії
-- Посилання на ресурси (MDN, Wikipedia) повинні використовувати українську версію, якщо існує відповідний переклад
-- Перекладайте іншомовні імена з оригінальним іменем у дужках: _Ден Абрамов (Dan Abramov)_
-- Уникайте відсилання до статі читача
-- Назви статей і заголовки пишуться з одною великою літерою («Компоненти і пропси», а не «Компоненти і Пропси»)
-
-## Таблиця перекладів
-
-| Оригінал | Переклад |
-| ------------------ | ---------- |
-| API reference | API довідник |
-| array | массив |
-| arrow function | стрілкова функція |
-| attribute | атрибут |
-| batch | група оновлень |
-| batching | групування |
-| bug | баг, дефект |
-| bundler | бандлер |
-| callback | колбек |
-| camelCase | *camelCase* |
-| child | дочірній |
-| child component | дочірній компонент |
-| class component | класовий компонент |
-| cleanup | прибирання |
-| code splitting | розділення коду |
-| context | контекст |
-| (un)controlled component | (не)контрольований компонент |
-| custom hooks | хуки користувача |
-| debugging | налагодження |
-| development | розробка |
-| development mode | режим розробки |
-| developer tools | інструменти розробки |
-| DOM container | DOM-контейнер |
-| effect | ефект |
-| error | помилка |
-| error boundary | запобіжник |
-| fallback | запасний |
-| feature | особливість |
-| framework | фреймворк |
-| function component | функціональний компонент |
-| helper | допоміжний(а); *helper function — допоміжна функція* |
-| hook | хук *(з маленької літери)* |
-| incapsulation | інкапсуляція |
-| incapsulated | інкапсульований |
-| key | ключ |
-| lazy initialization | ледача ініціалізація |
-| library | бібліотека |
-| lifecycle | життєвий цикл |
-| lifecycle method | метод життєвого циклу |
-| lifting state up | підйом стану, піднімати стан |
-| local state | внутрішній стан |
-| lowercase | в нижньому регістрі |
-| mock | макет |
-| (im)mutable | (не)змінний |
-| (im)mutability | (не)змінність |
-| (un)mount | (де)монтувати |
-| mutate | мутувати |
-| Note | Примітка |
-| online | онлайн |
-| online playground | онлайн-майданчик |
-| paint | фарбування, перефарбування |
-| prop | проп |
-| props | пропси |
-| production | виробництво |
-| production mode | режим виробництва |
-| reducer | редуктор |
-| reuse | повторне використання |
-| React | React |
-| React element | React-елемент, елемент React |
-| reconciliation | узгодження |
-| render(ing) | рендер, рендерити |
-| re-render(ing) | повторний рендер |
-| render prop | рендер-проп |
-| render props | рендер-пропси |
-| ref | посилання |
-| refs | посилання |
-| (previous/next) section | (попередній/наступний) розділ *(тільки в розділі Основні поняття)* |
-| shallow | поверхове(а) (порівняння, рівність), поверховий (рендер) |
-| side effect | сторонній ефект |
-| state | стан |
-| stateful component | компонент зі станом |
-| stateless component | компонент без стану |
-| suspense | затримка |
-| tag | тег |
-| template literals | шаблонні рядки |
-| Tip | Порада |
-| Try it on CodePen | Спробуйте на CodePen |
-| tutorial | навчальний посібник |
-| unidirectional data flow | односпрямований потік даних |
-| UI | UI |
-| update | оновлення |
-| user interface | інтерфейс (додавайте «користувача» тільки якщо незрозуміло з контексту) |
-| Warning | Попередження |

From bd266b721ed24422f869f3a847248cb30d41b9dd Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 11:38:59 -0500
Subject: [PATCH 03/20] a-simple-component.md fix

---
 content/home/examples/a-simple-component.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index 33741b62b..8064d2b37 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -6,4 +6,4 @@ domid: hello-example
 
 Компоненти реалізують метод `render()`, який приймає вхідні дані і повертає те, що буде показано користувачу. У цьому прикладі використовується XML-подібний синтаксис під назвою JSX. Доступ до вхідних даних, які передаються в компонент, можна отримати за допомогою `render()` та `this.props`.
 
-**JSX не є обов'язковим для React.** Спробуйте [Babel REPL](babel://es5-syntax-example), щоб побачити необроблений код JavaScript, створений компіляцією JSX.
+**JSX не є обов'язковим для React.** Спробуйте [Babel REPL](babel://es5-syntax-example), щоб побачити необроблений код JavaScript, створений на кроці компіляції JSX.

From 9a4345bbfe8acfabcc52ff9d850b50c3a989186c Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 11:40:20 -0500
Subject: [PATCH 04/20] a-stateful-component.md updated

---
 content/home/examples/a-stateful-component.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index 714b259f0..c0588d01c 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -1,5 +1,5 @@
 ---
-title: Оновлення стану компоненту
+title: Компонент зі станом
 order: 1
 domid: timer-example
 ---

From 0a2848f01ec7ced6737f78a8fa037f0607663fef Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 11:43:18 -0500
Subject: [PATCH 05/20] "rendered markup" fix

---
 content/home/examples/a-stateful-component.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index c0588d01c..9f93fe256 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -4,4 +4,4 @@ order: 1
 domid: timer-example
 ---
 
-У додаток до прийняття вхідних даних (доступ до яких здійснюється через `this.props`), компонент оновлює дані внутрішнього стану (доступні через `this.state`). Коли дані стану компонента змінюються, відбувається повторний рендер використовуючи функцію `render()`.
+У додаток до прийняття вхідних даних (доступ до яких здійснюється через `this.props`), компонент оновлює дані внутрішнього стану (доступні через `this.state`). Коли дані стану компонента змінюються, відбувається повторний рендер інтерфейсу користувача використовуючи функцію `render()`.

From b56cd325204bf7275d28f264a7873b8b5d015de4 Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 11:45:57 -0500
Subject: [PATCH 06/20] mihilbabin's suggestion

---
 content/home/examples/a-stateful-component.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index 9f93fe256..162866d26 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -4,4 +4,4 @@ order: 1
 domid: timer-example
 ---
 
-У додаток до прийняття вхідних даних (доступ до яких здійснюється через `this.props`), компонент оновлює дані внутрішнього стану (доступні через `this.state`). Коли дані стану компонента змінюються, відбувається повторний рендер інтерфейсу користувача використовуючи функцію `render()`.
+У доповнення до прийняття вхідних даних (доступ до яких здійснюється через `this.props`), компонент може зберігати дані внутрішнього стану (доступні через `this.state`). Коли дані стану компонента змінюються, відбувається повторний рендер інтерфейсу користувача використовуючи функцію `render()`.

From dffbf5c9d98d45f81463717a6b39e3317b005d51 Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 11:48:02 -0500
Subject: [PATCH 07/20] an-application.md fix

---
 content/home/examples/an-application.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 9dbe48cce..5a39c8725 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -4,4 +4,4 @@ order: 2
 domid: todos-example
 ---
 
-Використовуючи `пропси` і `стан`, ми можемо зібрати невелики додаток для виконання поточних задач. Цей приклад використовує `стан` для відстеження поточного списку елементів, а також тексту користувача. Хоча обробники подій здаються вбудованими, вони будуть зібрані та реалізовані за допомогою методу делегування подій.
\ No newline at end of file
+Використовуючи `пропси` і `стан`, ми можемо створити невеликий додаток для виконання поточних задач. Цей приклад використовує `стан` для відстеження поточного списку елементів, а також тексту, введеного користувачем. Хоча обробники подій здаються вбудованими, вони будуть зібрані та реалізовані за допомогою методу делегування подій.
\ No newline at end of file

From 6698f0c9d6ce5976ae49155a0e1d02f09c609ca8 Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 11:49:13 -0500
Subject: [PATCH 08/20] component-based.md fix

---
 content/home/marketing/component-based.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md
index 83f4be051..ae9d2d108 100644
--- a/content/home/marketing/component-based.md
+++ b/content/home/marketing/component-based.md
@@ -1,5 +1,5 @@
 ---
-title: Компоненти
+title: Заснований на компонентах
 order: 1
 ---
 

From f26e66625c13a434dbdab11dc38c3051b62cff6c Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 11:51:23 -0500
Subject: [PATCH 09/20] learn-once-write-anywhere.md fix

---
 content/home/marketing/learn-once-write-anywhere.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index 1df791a47..2a8cb0785 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -5,4 +5,4 @@ order: 2
 
 Ми не робимо припущень щодо стеку технологій які ви використовуєте, тому ви можете розробляти нові функції в React, не переписуючи існуючий код.
 
-React також може відображатися на сервері, використовуючи Node і потужні мобільні програми які використовують [React Native](https://facebook.github.io/react-native/).
+React також може рендеритись на сервері, використовуючи Node і приводити в дію мобільні додатки, які використовують [React Native](https://facebook.github.io/react-native/).

From cee2bd9c3be2b922fe872d35c32de2cd47057bba Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 11:52:06 -0500
Subject: [PATCH 10/20] =?UTF-8?q?=D0=A2=D0=B8=D1=80=D0=B5=20=D0=BC=D1=96?=
 =?UTF-8?q?=D0=B6=20=D1=87=D0=BB=D0=B5=D0=BD=D0=B0=D0=BC=D0=B8=20=D0=B1?=
 =?UTF-8?q?=D0=B5=D0=B7=D1=81=D0=BF=D0=BE=D0=BB=D1=83=D1=87=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=BA=D0=BE=D0=B2=D0=BE=D0=B3=D0=BE=20=D1=80=D0=B5=D1=87=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=BD=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/home/marketing/learn-once-write-anywhere.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index 2a8cb0785..f6d954b00 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -1,5 +1,5 @@
 ---
-title: Вивчайте лише раз, пишіть будь-де
+title: Вивчайте лише раз — пишіть будь-де
 order: 2
 ---
 

From 862ebf082c7f2eddd25648c72bf41717a41c1be0 Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 11:53:51 -0500
Subject: [PATCH 11/20] component-based.md fix

---
 content/home/marketing/component-based.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md
index ae9d2d108..6b53bcea5 100644
--- a/content/home/marketing/component-based.md
+++ b/content/home/marketing/component-based.md
@@ -5,4 +5,4 @@ order: 1
 
 Створюйте інкапсульовані компоненти, які керують власним станом, а з них будуйте складні інтерфейси.
 
-Легка передача інформації у вашій программі, а також збереження стану DOM завдяки логіці JavaScript-компонентів.
+Оскільки логіка компонентів написана на JavaScript, замість шаблонів, ви з легкістю можете передавати складні дані у вашому додатку і зберігати стан окремо від DOM.

From 409ef38b67295adf6969d96e7d9bfe5c72420e85 Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 11:56:14 -0500
Subject: [PATCH 12/20] title fix in declarative.md

---
 content/home/marketing/declarative.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md
index 549e3dd1b..6ad67510b 100644
--- a/content/home/marketing/declarative.md
+++ b/content/home/marketing/declarative.md
@@ -1,5 +1,5 @@
 ---
-title: Декларативне програмування
+title: Декларативний
 order: 0
 ---
 

From a97c4d685a7c2f8c36de049b035f3a2053912145 Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 12:07:03 -0500
Subject: [PATCH 13/20] declarative.md fix

---
 content/home/marketing/declarative.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md
index 6ad67510b..1af2552f4 100644
--- a/content/home/marketing/declarative.md
+++ b/content/home/marketing/declarative.md
@@ -3,6 +3,6 @@ title: Декларативний
 order: 0
 ---
 
-React спрощує створення інтерактивних інтерфейсів для кожного стану вашої програми, a також ефективно оновлює та відтворює лише потрібні компоненти під час зміни даних.
+React спрощує створення інтерактивних інтерфейсів. Створюйте прості відображення даних для кожного стану вашого додатку і React ефективно оновить та відрендерить лише потрібні компоненти, коли ваші дані зміняться.
 
 Декларативні інтерфейси роблять ваш код більш передбачуваним і його набагато легше налагоджувати.

From 05bf72d7f18562195f7ebbd91ed37568dad96de9 Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 13:03:51 -0500
Subject: [PATCH 14/20] westanvv's suggestion

---
 content/home/examples/a-stateful-component.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index 162866d26..e90a490f3 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -4,4 +4,4 @@ order: 1
 domid: timer-example
 ---
 
-У доповнення до прийняття вхідних даних (доступ до яких здійснюється через `this.props`), компонент може зберігати дані внутрішнього стану (доступні через `this.state`). Коли дані стану компонента змінюються, відбувається повторний рендер інтерфейсу користувача використовуючи функцію `render()`.
+У доповнення до прийняття вхідних даних (доступ до яких здійснюється через `this.props`), компонент може зберігати дані внутрішнього стану (доступні через `this.state`). Коли дані стану компонента змінюються, відбувається повторне відрендерення розмітки з використанням функції `render()`.

From d677ef3a30c94448ea6d3004096e12f393301ff8 Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 13:05:43 -0500
Subject: [PATCH 15/20] westanvv's suggestion

---
 content/home/examples/a-simple-component.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index 8064d2b37..ac45f4ca0 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -6,4 +6,4 @@ domid: hello-example
 
 Компоненти реалізують метод `render()`, який приймає вхідні дані і повертає те, що буде показано користувачу. У цьому прикладі використовується XML-подібний синтаксис під назвою JSX. Доступ до вхідних даних, які передаються в компонент, можна отримати за допомогою `render()` та `this.props`.
 
-**JSX не є обов'язковим для React.** Спробуйте [Babel REPL](babel://es5-syntax-example), щоб побачити необроблений код JavaScript, створений на кроці компіляції JSX.
+**JSX не є обов'язковим для React.** Спробуйте [Babel REPL](babel://es5-syntax-example), щоб побачити необроблений код JavaScript, створений на етапі компіляції JSX.

From 6ae39e1245f579fcd44bdd4f81013329ad2ba5c1 Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 13:40:05 -0500
Subject: [PATCH 16/20] add comma

---
 content/home/marketing/learn-once-write-anywhere.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index f6d954b00..bcfaed7c5 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -5,4 +5,4 @@ order: 2
 
 Ми не робимо припущень щодо стеку технологій які ви використовуєте, тому ви можете розробляти нові функції в React, не переписуючи існуючий код.
 
-React також може рендеритись на сервері, використовуючи Node і приводити в дію мобільні додатки, які використовують [React Native](https://facebook.github.io/react-native/).
+React також може рендеритись на сервері, використовуючи Node, і приводити в дію мобільні додатки, які використовують [React Native](https://facebook.github.io/react-native/).

From e9f3b816fadc318d9eb5c6397744b97aa504b9d5 Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 13:44:30 -0500
Subject: [PATCH 17/20] header fix in learn-once-write-anywhere.md

---
 content/home/marketing/learn-once-write-anywhere.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index bcfaed7c5..165d8b866 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -1,5 +1,5 @@
 ---
-title: Вивчайте лише раз — пишіть будь-де
+title: Вивчіть лише раз — пишіть будь-де
 order: 2
 ---
 

From 880f9f567bbea3abac268d16d321e3875339f2b6 Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 14:22:17 -0500
Subject: [PATCH 18/20] an-application.md updated

---
 content/home/examples/an-application.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 5a39c8725..550092bf5 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -4,4 +4,4 @@ order: 2
 domid: todos-example
 ---
 
-Використовуючи `пропси` і `стан`, ми можемо створити невеликий додаток для виконання поточних задач. Цей приклад використовує `стан` для відстеження поточного списку елементів, а також тексту, введеного користувачем. Хоча обробники подій здаються вбудованими, вони будуть зібрані та реалізовані за допомогою методу делегування подій.
\ No newline at end of file
+Використовуючи `пропси` і `стан`, ми можемо створити невеликий додаток для складання списку справ. Цей приклад використовує `стан` для відстеження поточного списку елементів, а також тексту, введеного користувачем. Хоча обробники подій здаються вбудованими, вони будуть зібрані та реалізовані за допомогою методу делегування подій.
\ No newline at end of file

From 909e626f8e2e17b8918b164c1ae04807b3ab238c Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 14:23:21 -0500
Subject: [PATCH 19/20] declarative.md updated

---
 content/home/marketing/declarative.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md
index 1af2552f4..d99c39130 100644
--- a/content/home/marketing/declarative.md
+++ b/content/home/marketing/declarative.md
@@ -3,6 +3,6 @@ title: Декларативний
 order: 0
 ---
 
-React спрощує створення інтерактивних інтерфейсів. Створюйте прості відображення даних для кожного стану вашого додатку і React ефективно оновить та відрендерить лише потрібні компоненти, коли ваші дані зміняться.
+React спрощує створення інтерактивних інтерфейсів. Вам потрібно лише описати, як різні частини інтерфейсу виглядають у кожному стані вашого додатку і React ефективно оновить та відрендерить лише потрібні компоненти, коли ваші дані зміняться.
 
 Декларативні інтерфейси роблять ваш код більш передбачуваним і його набагато легше налагоджувати.

From edc436e5638fdc82db61747c5d5e4153d29ddd49 Mon Sep 17 00:00:00 2001
From: ApolllonDev <oleksii.polovyi@gmail.com>
Date: Tue, 12 Feb 2019 15:14:46 -0500
Subject: [PATCH 20/20] fixing merge conflict

---
 TRANSLATION.md | 103 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 103 insertions(+)
 create mode 100644 TRANSLATION.md

diff --git a/TRANSLATION.md b/TRANSLATION.md
new file mode 100644
index 000000000..b318fac91
--- /dev/null
+++ b/TRANSLATION.md
@@ -0,0 +1,103 @@
+# Український переклад reactjs.org
+
+[Поточний прогрес перекладу / запитання.](https://github.com/reactjs/uk.reactjs.org/issues/1)
+
+## Загальні правила
+
+- _Ви_ і спільнокореневі пишіть з маленької літери
+- Перекладайте лише коментарі в прикладах коду
+- Використовуйте тире `—` для пунктуації, а дефіс `-` для орфографії
+- Посилання на ресурси (MDN, Wikipedia) повинні використовувати українську версію, якщо існує відповідний переклад
+- Перекладайте іншомовні імена з оригінальним іменем у дужках: _Ден Абрамов (Dan Abramov)_
+- Уникайте відсилання до статі читача
+- Назви статей і заголовки пишуться з одною великою літерою («Компоненти і пропси», а не «Компоненти і Пропси»)
+
+## Таблиця перекладів
+
+| Оригінал | Переклад |
+| ------------------ | ---------- |
+| API reference | API довідник |
+| array | массив |
+| arrow function | стрілкова функція |
+| attribute | атрибут |
+| batch | група оновлень |
+| batching | групування |
+| bug | помилка, дефект |
+| bundler | бандлер |
+| callback | функція зворотнього виклику |
+| camelCase | *camelCase* |
+| child | дочірній |
+| child component | дочірній компонент |
+| class component | класовий компонент |
+| cleanup | скидання |
+| code splitting | розділення коду |
+| context | контекст |
+| (un)controlled component | (не)контрольований компонент |
+| custom hooks | хуки користувача |
+| debugging | налагодження |
+| development | розробка |
+| development mode | режим розробки |
+| developer tools | інструменти розробки |
+| DOM container | DOM-контейнер |
+| effect | ефект |
+| error | помилка |
+| error boundary | запобіжник |
+| fallback | запасний |
+| feature | особливість |
+| framework | фреймворк |
+| function component | функціональний компонент |
+| helper | допоміжний(а); *helper function — допоміжна функція* |
+| hook | хук *(з маленької літери)* |
+| incapsulation | інкапсуляція |
+| incapsulated | інкапсульований |
+| key | ключ |
+| lazy initialization | ледача ініціалізація |
+| library | бібліотека |
+| lifecycle | життєвий цикл |
+| lifecycle method | метод життєвого циклу |
+| lifting state up | підйом стану, піднімати стан |
+| local state | внутрішній стан |
+| lowercase | у нижньому регістрі |
+| mock | макет |
+| (im)mutable | (не)змінний |
+| (im)mutability | (не)змінність |
+| (un)mount | (де)монтувати |
+| mutate | мутувати |
+| Note | Примітка |
+| online | онлайн |
+| online playground | онлайн пісочниця |
+| paint | фарбування, перефарбування |
+| prop | проп |
+| props | пропси |
+| production | продакшн |
+| production mode | продакшн-режим |
+| reducer | ред'юсер |
+| reuse | повторне використання |
+| React | React |
+| React element | React-елемент, елемент React |
+| reconciliation | узгодження |
+| render(ing) | рендер, рендерити |
+| re-render(ing) | повторний рендер |
+| render prop | рендер-проп |
+| render props | рендер-пропси |
+| rendered markup | відрендерена розмітка |
+| ref | посилання |
+| refs | посилання |
+| (previous/next) section | (попередній/наступний) розділ *(тільки в розділі Основні поняття)* |
+| shallow | поверхове(а) (порівняння, рівність), поверховий (рендер) |
+| side effect | побічний ефект |
+| state | стан |
+| stateful component | компонент зі станом |
+| stateless component | компонент без стану |
+| suspense | затримка |
+| tag | тег |
+| template literals | шаблонні рядки |
+| Tip | Порада |
+| Try it on CodePen | Спробуйте на CodePen |
+| tutorial | навчальний посібник |
+| unidirectional data flow | односпрямований потік даних |
+| UI | UI |
+| update | оновлення |
+| user interface | інтерфейс (додавайте «користувача» тільки якщо незрозуміло з контексту) |
+| valid | валідний |
+| Warning | Попередження |
\ No newline at end of file