Upd

Author: lex111

README.md

@@ -49,17 +49,11 @@
 
 ### Отправка изменений
 
-<<<<<<< HEAD
+1. `git add -A && git commit -m "Сообщение"` (вместо `Сообщение` напишите осмысленное название изменения, например `Исправление логотипа на Android`), чтобы добавить и зафиксировать изменение
+1. `git push my-fork-name the-name-of-my-branch`
 1. Перейдите на [страницу репозитория ru.reactjs.org](https://github.com/reactjs/ru.reactjs.org) и вы увидите уведомление с вашей веткой.
 1. Следуйте инструкциям на GitHub.
 1. По возможности добавьте скриншот с сделанными изменениями. Как только вы сделаете PR, автоматически будет создана версия сайта с вашими изменениями на [Netlify](https://www.netlify.com/).
-=======
-1. `git add -A && git commit -m "My message"` (replacing `My message` with a commit message, such as `Fix header logo on Android`) to stage and commit your changes
-1. `git push my-fork-name the-name-of-my-branch`
-1. Go to the [reactjs.org repo](https://github.com/reactjs/reactjs.org) and you should see recently pushed branches.
-1. Follow GitHub's instructions.
-1. If possible, include screenshots of visual changes. A preview build is triggered after your changes are pushed to GitHub.
->>>>>>> a08e1fd4b574a4d2d55e292af9eb01d55a526303
 
 ## Перевод
 

beta/src/components/SocialBanner.tsx

@@ -8,9 +8,9 @@ import {ExternalLink} from './ExternalLink';
 
 // TODO: Unify with the old site settings.
 // Turning this off also requires changing the Page top value to pull up the sidebar.
-const bannerText = 'Support Ukraine 🇺🇦';
+const bannerText = 'Поддержите Украину 🇺🇦';
 const bannerLink = 'https://opensource.fb.com/support-ukraine';
-const bannerLinkText = 'Help Provide Humanitarian Aid to Ukraine.';
+const bannerLinkText = 'Помогите с гуманитарной помощью Украине. Россияне, не молчите! Нет войне!';
 
 export default function SocialBanner() {
   return (

content/blog/2019-02-23-is-react-translated-yet.md

@@ -41,11 +41,7 @@ author: [tesseralis]
 
 Мы начали с пробного периода для трех языков: испанского, японского и с упрощенного китайского. Таким образом мы выработали методику и приняли меры, чтобы с будущими переводами не возникало проблем. Я хотела, чтобы команды по переводам имели свободу выбора удобных им инструментов. Единственным требованием был [чек-лист](https://github.com/reactjs/reactjs.org-translation/blob/master/PROGRESS.template.md), описывающий порядок перевода страниц.
 
-<<<<<<< HEAD
-После пробного периода мы были готовы принимать другие переводы. Я создала [скрипт](https://github.com/reactjs/reactjs.org-translation/blob/master/scripts/create.js), чтобы автоматизировать создание репозиториев для новых языков, а также сайт [Is React Translated Yet?](https://isreacttranslatedyet.com) (А React уже переведён?), чтобы отслеживать прогресс тех или иных переводов. Уже в первый день мы начали целых *10* переводов!
-=======
-After the trial period, we were ready to accept more languages. I created [a script](https://github.com/reactjs/reactjs.org-translation/blob/master/scripts/create.js) to automate the creation of the new language repo, and a site, [Is React Translated Yet?](https://translations.reactjs.org), to track progress on the different translations. We started *10* new translations on our first day alone!
->>>>>>> a08e1fd4b574a4d2d55e292af9eb01d55a526303
+After the trial period, we were ready to accept more languages. I created [a script](https://github.com/reactjs/reactjs.org-translation/blob/master/scripts/create.js) to automate the creation of the new language repo, and a site, [Is React Translated Yet?](https://isreacttranslatedyet.com), to track progress on the different translations. We started *10* new translations on our first day alone!
 
 Благодаря этой автоматизации, последующая поддержка проекта по большей части шла гладко. Позже мы создали [Slack-канал](https://rt-slack-invite.herokuapp.com), чтобы переводчики могли удобно общаться между собой; также я выпустила руководство, которое закрепило [обязанности мейнтейнеров сообщества](https://github.com/reactjs/reactjs.org-translation/blob/master/maintainer-guide.md). Платформа для общения между переводчиками себя показала отлично -- к примеру, переводчики арабского, персидского и иврита смогли вместе добиться отображения [текста справа налево](https://en.wikipedia.org/wiki/Right-to-left)!
 

content/docs/code-splitting.md

@@ -178,11 +178,7 @@ const MyComponent = () => (
 
 Часто таким удобным местом оказываются маршруты. Большинство интернет-пользователей привыкли к задержкам во время переходов между страницами. Поэтому и вам может быть выгодно повторно отрендерить всю страницу целиком. Это не позволит пользователям взаимодействовать с другими элементами на странице, пока происходит обновление.
 
-<<<<<<< HEAD
-Вот пример того, как организовать разделение кода на основе маршрутов с помощью `React.lazy` и таких библиотек как [React Router](https://reacttraining.com/react-router/).
-=======
-Here's an example of how to setup route-based code splitting into your app using libraries like [React Router](https://reactrouter.com/) with `React.lazy`.
->>>>>>> a08e1fd4b574a4d2d55e292af9eb01d55a526303
+Вот пример того, как организовать разделение кода на основе маршрутов с помощью `React.lazy` и таких библиотек как [React Router](https://reactrouter.com/).
 
 ```js
 import React, { Suspense, lazy } from 'react';
@@ -193,19 +189,11 @@ const About = lazy(() => import('./routes/About'));
 
 const App = () => (
   <Router>
-<<<<<<< HEAD
-    <Suspense fallback={<div>Загрузка...</div>}>
-      <Switch>
-        <Route exact path="/" component={Home}/>
-        <Route path="/about" component={About}/>
-      </Switch>
-=======
     <Suspense fallback={<div>Loading...</div>}>
       <Routes>
         <Route path="/" element={<Home />} />
         <Route path="/about" element={<About />} />
       </Routes>
->>>>>>> a08e1fd4b574a4d2d55e292af9eb01d55a526303
     </Suspense>
   </Router>
 );

content/docs/create-a-new-react-app.md

@@ -77,11 +77,7 @@ Create React App не обрабатывает бэкенд логику или
 
 - **[Nx](https://nx.dev/react)** – набор инструментов для ведения фулстэк разработки в монорепозиториях, который обладает встроенной поддержкой React, Next.js, [Express](https://expressjs.com/) и так далее.
 
-<<<<<<< HEAD
-- **[Parcel](https://parceljs.org/)** – быстрый упаковщик веб-приложений с нулевой конфигурацией, [который работает с React](https://parceljs.org/recipes.html#react).
-=======
-- **[Parcel](https://parceljs.org/)** is a fast, zero configuration web application bundler that [works with React](https://parceljs.org/recipes/react/).
->>>>>>> a08e1fd4b574a4d2d55e292af9eb01d55a526303
+- **[Parcel](https://parceljs.org/)** – быстрый упаковщик веб-приложений с нулевой конфигурацией, [который работает с React](https://parceljs.org/recipes/react/).
 
 - **[Razzle](https://github.com/jaredpalmer/razzle)** – это фреймворк для серверного рендеринга, более гибкий чем Next.js, но не требующий обязательной настройки.
 

content/docs/faq-styling.md

@@ -48,8 +48,4 @@ _Обратите внимание, что данная функциональн
 
 ### Можно создавать анимации в React? {#can-i-do-animations-in-react}
 
-<<<<<<< HEAD
-React может использоваться для создания крутых анимаций! В качестве примера посмотрите библиотеки [React Transition Group](https://reactcommunity.org/react-transition-group/), [React Motion](https://github.com/chenglou/react-motion) или [React Spring](https://github.com/react-spring/react-spring).
-=======
-React can be used to power animations. See [React Transition Group](https://reactcommunity.org/react-transition-group/), [React Motion](https://github.com/chenglou/react-motion), [React Spring](https://github.com/react-spring/react-spring), or [Framer Motion](https://framer.com/motion), for example.
->>>>>>> a08e1fd4b574a4d2d55e292af9eb01d55a526303
+React может использоваться для создания крутых анимаций! В качестве примера посмотрите библиотеки [React Transition Group](https://reactcommunity.org/react-transition-group/), [React Motion](https://github.com/chenglou/react-motion), [React Spring](https://github.com/react-spring/react-spring) или [Framer Motion](https://framer.com/motion).

content/docs/hooks-faq.md

@@ -97,13 +97,7 @@ prev: hooks-reference.html
 
 Наша главная задача, чтобы хуки покрывали всю функциональность классов в ближайшем будущем. Пока не существует хуков, реализующих методы жизненного цикла  `getSnapshotBeforeUpdate`, `getDerivedStateFromError` и `componentDidCatch`, но мы планируем скоро их добавить.
 
-<<<<<<< HEAD
-Хуки появились совсем недавно, и некоторые сторонние библиотеки могут быть ещё не совместимы с ними.
-
 ### Являются ли хуки заменой рендер-пропсам и компонентам высшего порядка? {#do-hooks-replace-render-props-and-higher-order-components}
-=======
-### Do Hooks replace render props and higher-order components? {#do-hooks-replace-render-props-and-higher-order-components}
->>>>>>> a08e1fd4b574a4d2d55e292af9eb01d55a526303
 
 Как правило, рендер-пропсы и компоненты высшего порядка рендерят только один дочерний компонент, увеличивая вложенность в дереве, но добавляя потомку новую функциональность. Мы думаем, что хуки — более простой способ сделать это. Оба подхода всё ещё имеют право на жизнь (например, компонент, следящий за скроллом, может иметь проп `renderItem` или компонент-контейнер может иметь разные рендер-пропсы для различных слотов). Но в большинстве случаев хуки должны помочь уменьшить вложенность компонентов в вашем дереве.
 

content/docs/jsx-in-depth.md

@@ -233,11 +233,7 @@ function NumberDescriber(props) {
 
 ### Атрибуты расширения {#spread-attributes}
 
-<<<<<<< HEAD
-Если у вас уже есть пропсы внутри объекта `props` и вы хотите передать их в JSX, вы можете использовать оператор расширения `...`. Эти два компонента эквивалентны:
-=======
-If you already have `props` as an object, and you want to pass it in JSX, you can use `...` as a "spread" syntax to pass the whole props object. These two components are equivalent:
->>>>>>> a08e1fd4b574a4d2d55e292af9eb01d55a526303
+Если у вас уже есть пропсы внутри объекта `props` и вы хотите передать их в JSX, вы можете использовать оператор расширения `...`, чтобы передать весь объект с пропсами. Эти два компонента эквивалентны:
 
 ```js{7}
 function App1() {
@@ -250,11 +246,7 @@ function App2() {
 }
 ```
 
-<<<<<<< HEAD
 Вы также можете выбрать конкретные пропсы, которые ваш компонент будет использовать, передавая все остальные пропсы с помощью оператора расширения.
-=======
-You can also pick specific props that your component will consume while passing all other props using the spread syntax.
->>>>>>> a08e1fd4b574a4d2d55e292af9eb01d55a526303
 
 ```js{2}
 const Button = props => {

content/docs/rendering-elements.md

@@ -66,11 +66,7 @@ const element = <h1>Hello, world</h1>;
 
 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:
->>>>>>> a08e1fd4b574a4d2d55e292af9eb01d55a526303
+Вы можете убедиться в этом на [последнем примере](https://codepen.io/gaearon/pen/gwoJZk?editors=1010) с помощью инструментов разработки в браузере:
 
 ![В DOM видно частичное обновление](../images/docs/granular-dom-updates.gif)
 

content/tutorial/tutorial.md

@@ -1054,11 +1054,7 @@ const doubled = numbers.map(x => x * 2); // [2, 4, 6]
 
 **[Посмотреть полный код этого шага](https://codepen.io/gaearon/pen/EmmGEa?editors=0010)**
 
-<<<<<<< HEAD
 При итерации по массиву `history`, переменная `step` содержит текущее значение элемента `history`, а `move` — текущий индекс элемента `history`. Поскольку нам нужен только `move`, то `step` не используется.
-=======
-As we iterate through `history` array, `step` variable refers to the current `history` element value, and `move` refers to the current `history` element index. We are only interested in `move` here, hence `step` is not getting assigned to anything.
->>>>>>> a08e1fd4b574a4d2d55e292af9eb01d55a526303
 
 Для каждого хода в истории игры мы создаём элемент списка `<li>`, который содержит кнопку `<button>`. У кнопки есть обработчик `onClick`, который вызывает метод `this.jumpTo()`. Мы ещё не реализовали этот `jumpTo()` метод. Пока что мы должны видеть только список ходов, которые были сделаны в игре и вот такое предупреждение в инструментах разработчика:
 
@@ -1165,11 +1161,8 @@ class Game extends React.Component {
     // Этот метод не изменялся
   }
 ```
-<<<<<<< HEAD
-=======
 
 Notice in `jumpTo` method, we haven't updated `history` property of the state. That is because state updates are merged or in more simple words React will update only the properties mentioned in `setState` method leaving the remaining state as that is. For more info **[see the documentation](/docs/state-and-lifecycle.html#state-updates-are-merged)**.
->>>>>>> a08e1fd4b574a4d2d55e292af9eb01d55a526303
 
 Обратите внимание, что в методе `jumpTo` мы не обновили свойство `history` состояния. Это потому, что обновления состояния объединяются или, проще говоря, React обновит только те свойства, которые были указаны в методе `setState` без изменения остальных свойств. Подробнее об этом читайте в **[документации](/docs/state-and-lifecycle.html#state-updates-are-merged)**.