resolve conflicts

Author: vldmrkl

content/docs/code-splitting.md

@@ -45,13 +45,8 @@ console.log(add(16, 26)); // 42
 >
 > Наприкінці ваші бандли будуть значно відрізнятися від наведених прикладів.
 
-<<<<<<< HEAD
-Якщо ви використовуєте [Create React App](https://github.com/facebookincubator/create-react-app), [Next.js](https://github.com/zeit/next.js/), [Gatsby](https://www.gatsbyjs.org/) чи подібний інструмент, ви матимете налаштування Webpack за замовчуванням для бандлінгу вашого 
+Якщо ви використовуєте [Create React App](https://create-react-app.dev/), [Next.js](https://nextjs.org/), [Gatsby](https://www.gatsbyjs.org/) чи подібний інструмент, ви матимете налаштування Webpack за замовчуванням для бандлінгу вашого 
 додатку.
-=======
-If you're using [Create React App](https://create-react-app.dev/), [Next.js](https://nextjs.org/), [Gatsby](https://www.gatsbyjs.org/), or a similar tool, you will have a Webpack setup out of the box to bundle your
-app.
->>>>>>> 63332462bb5afa18ac7a716975b679f4c23cc8a1
 
 Якщо ви не використовуєте нічого з наведеного чи подібного, вам доведеться налаштовувати бандлінг самостійно. Для прикладів ознайомтеся зі
 [Встановленням](https://webpack.js.org/guides/installation/) та

content/docs/conditional-rendering.md

@@ -122,11 +122,7 @@ ReactDOM.render(
 
 ### Вбудовані умови if з логічним оператором && {#inline-if-with-logical--operator}
 
-<<<<<<< HEAD
 Ви можете [вставляти будь-який вираз у JSX](/docs/introducing-jsx.html#embedding-expressions-in-jsx) охопивши його у фігурні дужки. Це правило поширюється і на логічний оператор `&&` JavaScript, яким можно зручно вставити елемент в залежності від умови:
-=======
-You may [embed expressions in JSX](/docs/introducing-jsx.html#embedding-expressions-in-jsx) by wrapping them in curly braces. This includes the JavaScript logical `&&` operator. It can be handy for conditionally including an element:
->>>>>>> 63332462bb5afa18ac7a716975b679f4c23cc8a1
 
 ```js{6-10}
 function Mailbox(props) {

content/docs/faq-structure.md

@@ -12,11 +12,7 @@ category: FAQ
 
 #### Групування по функціональності або маршруту {#grouping-by-features-or-routes}
 
-<<<<<<< HEAD
 Один з популярних підходів — це розміщення файлів CSS, JS і тестів у папках, згрупованих за функціональністю або маршруту.
-=======
-One common way to structure projects is to locate CSS, JS, and tests together inside folders grouped by feature or route.
->>>>>>> 63332462bb5afa18ac7a716975b679f4c23cc8a1
 
 ```
 common/

content/docs/hooks-overview.md

@@ -229,11 +229,7 @@ function FriendListItem(props) {
 }
 ```
 
-<<<<<<< HEAD
-Стани цих компонентів ніяким чином не залежать одне від одного. Хуки -- це спосіб повторно використовувати *логіку стану*, а не сам стан. Більш того, кожний *виклик* хука забезпечує абсолютно ізольований стан. Ви навіть можете використовувати один і той самий хук декілька разів в одному компоненті.
-=======
-The state of each component is completely independent. Hooks are a way to reuse *stateful logic*, not state itself. In fact, each *call* to a Hook has a completely isolated state -- so you can even use the same custom Hook twice in one component.
->>>>>>> 63332462bb5afa18ac7a716975b679f4c23cc8a1
+Стан кожного компонента ніяким чином не залежить одне від одного. Хуки -- це спосіб повторно використовувати *логіку стану*, а не сам стан. Більш того, кожний *виклик* хука забезпечує абсолютно ізольований стан. Ви навіть можете використовувати один і той самий хук декілька разів в одному компоненті.
 
 Користувацькі хуки -- це більше конвенція, аніж доповнення. Якщо ім'я функції починається з "`use`" і вона викликає інші хуки, ми розцінюємо це як користувацький хук. Якщо ви будете дотримуватися конвенції `useSomething` при іменуванні хуків, це дозволить нашому плагіну для лінтера знайти помилки в коді, який використовує хуки.
 

content/docs/optimizing-performance.md

@@ -371,24 +371,16 @@ function updateColorMap(colormap) {
 
 `updateColorMap` тепер повертає новий об'єкт, а не змінює старий. `Object.assign` — це ES6 і для його роботи потрібен поліфіл.
 
-<<<<<<< HEAD
-Існує пропозиція щодо внесення в JavaScript [розпакування властивостей об'єкта](https://github.com/sebmarkbage/ecmascript-rest-spread), щоб зробити простішим оновлення об'єктів без їхньої зміни:
-=======
-[Object spread syntax](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax) makes it easier to update objects without mutation as well:
->>>>>>> 63332462bb5afa18ac7a716975b679f4c23cc8a1
+[Оператор розкладу](https://developer.mozilla.org/uk/docs/Web/JavaScript/Reference/Operators/Spread_syntax) дозволяє оновлювати об'єкти, не мутуючи їх:
 
 ```js
 function updateColorMap(colormap) {
   return {...colormap, right: 'blue'};
 }
 ```
 
-<<<<<<< HEAD
-Якщо ви використовуєте Create React App, то `Object.assign` та розпакування об'єктів доступні за замовчуванням.
-=======
-This feature was added to JavaScript in ES2018. 
+Ця функція була додана до JavaScript у ES2018. 
 
-If you're using Create React App, both `Object.assign` and the object spread syntax are available by default.
->>>>>>> 63332462bb5afa18ac7a716975b679f4c23cc8a1
+Якщо ви використовуєте Create React App, то `Object.assign` та розпакування об'єктів доступні за замовчуванням.
 
 Коли ви працюєте з глибоко вкладеними об'єктами, то постійне іх оновлення може заплутати вас. Якщо ви зіткнулися з такою проблемою, зверніть увагу на [Immer](https://github.com/mweststrate/immer) або [immutability-helper](https://github.com/kolodny/immutability-helper). Ці бібліотеки допомогають писати читабельний код, не втрачаючи переваг незмінності.

content/tutorial/tutorial.md

@@ -560,11 +560,7 @@ var newPlayer = Object.assign({}, player, {score: 2});
 
 #### Визначення повторного рендерингу у React {#determining-when-to-re-render-in-react}
 
-<<<<<<< HEAD
 Головною перевагою незмінності у React є те, що вона допомагає створити _чисті компоненти_. Незмінні дані дозволяють легко виявити наявність змін, що дозволяє встановити необхідність повторного рендерингу.
-=======
-The main benefit of immutability is that it helps you build _pure components_ in React. Immutable data can easily determine if changes have been made, which helps to determine when a component requires re-rendering.
->>>>>>> 63332462bb5afa18ac7a716975b679f4c23cc8a1
 
 Більше про `shouldComponentUpdate()` і як створювати *чисті компоненти* ви можете дізнатись прочитавши розділ [Оптимізація продуктивності](/docs/optimizing-performance.html#examples).