Исправил PR-замечания про conditional-rendering.md

Author: another-guy

content/docs/conditional-rendering.md

@@ -8,9 +8,9 @@ redirect_from:
   - "tips/false-in-jsx.html"
 ---
 
-С React можно создать разные компоненты, инкапсулирующие поведение. Затем вы можете решить рендерить только некоторые из них по своему усмотрению в зависимости от состояния приложения.
+React позволяет разделить логику на независимые компоненты. Эти компоненты можно показывать или прятать в зависимости от текущего состояния.
 
-Условный рендеринг в React работает так же, как условные выражения работают в JavaScript. Чтобы создать элементы отражающие текущее состояние и позволить React обновить UI в соответствии с ними, используйте [условный оператор](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/%D0%A3%D1%81%D0%BB%D0%BE%D0%B2%D0%BD%D1%8B%D0%B9_%D0%BE%D0%BF%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80) JavaScript или выражения подобные [`if`](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/if...else).
+Условный рендеринг в React работает так же, как условные выражения работают в JavaScript. Бывает нужно объяснить React, как состояние влияет на то, какие компоненты требуется скрыть, а какие — отрендерить, и как именно. В таких ситуациях используйте [условный оператор](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/%D0%A3%D1%81%D0%BB%D0%BE%D0%B2%D0%BD%D1%8B%D0%B9_%D0%BE%D0%BF%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80) JavaScript или выражения подобные [`if`](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/if...else), .
 
 Рассмотрим два компонента:
 
@@ -20,11 +20,11 @@ function UserGreeting(props) {
 }
 
 function GuestGreeting(props) {
-  return <h1>Залогиньтесь, пожалуйста.</h1>;
+  return <h1>Войдите, пожалуйста.</h1>;
 }
 ```
 
-Можно создать компонент `Greeting`, который отражает один из вышеуказанных компонентов в зависимости от того, залогинен пользователь или нет:
+Можно создать компонент `Greeting`, который отражает один из этих компонентов в зависимости от того, на сайте пользователь или нет:
 
 ```javascript{3-7,11,12}
 function Greeting(props) {
@@ -44,19 +44,19 @@ ReactDOM.render(
 
 [**Посмотреть на CodePen**](https://codepen.io/gaearon/pen/ZpVxNq?editors=0011)
 
-В этом примере рендерится различное приветствие в зависимости от значания пропа `isLoggedIn`.
+В этом примере рендерится различное приветствие в зависимости от значения пропа `isLoggedIn`.
 
 ### Переменные-элементы {#element-variables}
 
-Элементы React можно сохранять в переменных. Это может быть удобно, когда какое-то условие определяет, надо ли рендерить одну часть компонента или нет, тогда как другая часть компонента остаётся неизменной.
+Элементы React можно сохранять в переменных. Это может быть удобно, когда какое-то условие определяет, надо ли рендерить одну часть компонента или нет, а другая часть компонента остаётся неизменной.
 
-Рассмотрим ещё два компонента, представляющих кнопки Залогиниться (Login) и Выйти (Logout).
+Рассмотрим ещё два компонента, представляющих кнопки Войти (Login) и Выйти (Logout).
 
 ```js
 function LoginButton(props) {
   return (
     <button onClick={props.onClick}>
-      Залогиниться
+      Войти
     </button>
   );
 }
@@ -72,7 +72,7 @@ function LogoutButton(props) {
 
 В следующем примере мы создадим [компонент с состоянием](/docs/state-and-lifecycle.html#adding-local-state-to-a-class) и назовём его `LoginControl`.
 
-Он будет рендерить либо `<LoginButton />`, либо `<LogoutButton />`, в зависимости от текущего состояния. А также он будет всегда рендерить `<Greeting />` из предыдущего примера.
+Он будет рендерить либо `<LoginButton />`, либо `<LogoutButton />`, в зависимости от текущего состояния. А ещё он будет всегда рендерить `<Greeting />` из предыдущего примера.
 
 ```javascript{20-25,29,30}
 class LoginControl extends React.Component {
@@ -118,11 +118,11 @@ ReactDOM.render(
 
 [**Посмотреть на CodePen**](https://codepen.io/gaearon/pen/QKzAgB?editors=0010)
 
-И хотя объявление переменной и использование её в `if`-выражении это вполне рабочий вариант условного рендеринга, иногда вы можете предпочесть синтаксис покороче. Ниже объяснены несколько других способов встроить условия в JSX.
+Нет ничего плохого в том, чтобы объявить переменную и условно рендерить компонент `if`-выражением. Но иногда хочется синтаксис покороче. Давайте посмотрим на несколько других способов писать условия прямо в JSX.
 
 ### Условное (if) встраивание с помощью логического оператора && {#inline-if-with-logical--operator}
 
-Вы можете [внедрить любое выражение в JSX](/docs/introducing-jsx.html#embedding-expressions-in-jsx), просто заключив его в фигурные скобки. Это правило распространяется и на логический оператор `&&` языка JavaScript, который может оказаться удобным для условной вставки элемента:
+Вы можете [внедрить любое выражение в JSX](/docs/introducing-jsx.html#embedding-expressions-in-jsx), просто заключив его в фигурные скобки. Это правило распространяется и на логический оператор `&&` языка JavaScript, которым можно удобно вставить элемент в зависимости от условния:
 
 ```js{6-10}
 function Mailbox(props) {
@@ -163,7 +163,7 @@ render() {
   const isLoggedIn = this.state.isLoggedIn;
   return (
     <div>
-      Пользователь <b>{isLoggedIn ? 'сейчас' : 'не'}</b> залогинен.
+      Пользователь <b>{isLoggedIn ? 'сейчас' : 'не'}</b> на сайте.
     </div>
   );
 }
@@ -190,7 +190,7 @@ render() {
 
 ### Предотвращение рендеринга компонента {#preventing-component-from-rendering}
 
-В редких случаях может потребоваться позволить компоненту спрятать себя, хотя он уже и отрендерен другим компонентом. Чтобы этого добиться, просто верните `null` вместо того, что обычно возвращается на рендеринг.
+В редких случаях может потребоваться позволить компоненту спрятать себя, хотя он уже и отрендерен другим компонентом. Чтобы этого добиться, верните `null` вместо того, что обычно возвращается на рендеринг.
 
 Например, будет ли содержимое `<WarningBanner />` отрендерено, зависит от значения пропа под именем `warn`. Если значение `false`, компонент ничего не рендерит: