Skip to content

Commit

Permalink
Changed hooks work to lower case
Browse files Browse the repository at this point in the history
  • Loading branch information
Pavel Keizik committed Feb 11, 2019
1 parent d004bf3 commit 9f4a77e
Showing 1 changed file with 15 additions and 15 deletions.
30 changes: 15 additions & 15 deletions content/docs/hooks-intro.md
Expand Up @@ -27,33 +27,33 @@ function Example() {

Функция `useState` это первый «Хук», который мы изучим и это всего лишь небольшой пример. Не переживайте, если вы пока не понимаете зачем они нужны.

**Вы можете начать изучать Хуки [на следующей странице](/docs/hooks-overview.html).** Здесь же мы расскажем, зачем мы добавили Хуки в React, и как они помогут вам писать приложения лучше.
**Вы можете начать изучать хуки [на следующей странице](/docs/hooks-overview.html).** Здесь же мы расскажем, зачем мы добавили хуки в React, и как они помогут вам писать приложения лучше.

>Примечание
>
>React 16.8.0 это первый релиз поддерживающий Хуки. При обновлении версии, не забудьте обновить все зависимости, включая ReactDOM. React Native будет поддерживать Хуки в следующем стабильном релизе.
>React 16.8.0 это первый релиз поддерживающий хуки. При обновлении версии, не забудьте обновить все зависимости, включая ReactDOM. React Native будет поддерживать хуки в следующем стабильном релизе.
## Видео введение {#video-introduction}

На конференции React Conf 2018, Софья Альперт (Sophie Alpert) и Дэн Абрамов (Dan Abramov) представили Хуки, а затем Райн Фроленц (Ryan Florence) показал, как с их помощью переписать ваше приложение. Видео конференции можно посмотреть здесь:
На конференции React Conf 2018, Софья Альперт (Sophie Alpert) и Дэн Абрамов (Dan Abramov) представили хуки, а затем Райн Фроленц (Ryan Florence) показал, как с их помощью переписать ваше приложение. Видео конференции можно посмотреть здесь:

<br>

<iframe width="650" height="366" src="//www.youtube.com/embed/dpw9EHDh2bM" frameborder="0" allowfullscreen></iframe>

## Не нарушая совместимость {#no-breaking-changes}

Перед тем, как мы продолжим, запомните, что Хуки:
Перед тем, как мы продолжим, запомните, что хуки:

* **Полностью на ваше усмотрение.** Вы можете попробовать Хуки в нескольких компонентах, не изменяя код в уже существующих. Нет необходимости учить и использовать Хуки прямо сейчас, если не хотите.
* **100% обратно совместимы.** Хуки не содержат изменений, которые могут поломать ваш существующий код.
* **Доступны прямо сейчас.** Хуки доступны с выходом версии v16.8.0.
* **Полностью на ваше усмотрение.** Вы можете попробовать хуки в нескольких компонентах, не изменяя код в уже существующих. Нет необходимости учить и использовать хуки прямо сейчас, если не хотите.
* **100% обратно совместимы.** хуки не содержат изменений, которые могут поломать ваш существующий код.
* **Доступны прямо сейчас.** хуки доступны с выходом версии v16.8.0.

**Мы не планируем удалять классы из React.** Вы можете прочитать больше о стратегии постепенного внедрения новых Хуков в [разделе ниже](#gradual-adoption-strategy).

**Хуки не меняют ваши знания о концепциях в React.** Вместо этого, Хуки предоставляют более прямой доступ к API уже знакомых вам понятий: пропсы, состояние, контексты, рефы, и жизненный цикл. Позже мы покажем вам, что Хуки предоставляют мощный способ для объединения этих концепций.
**Хуки не меняют ваши знания о концепциях в React.** Вместо этого, хуки предоставляют более прямой доступ к API уже знакомых вам понятий: пропсы, состояние, контексты, рефы, и жизненный цикл. Позже мы покажем вам, что хуки предоставляют мощный способ для объединения этих концепций.

**Если вы хотите начать изучать Хуки, то [переходите на следующую страницу!](/docs/hooks-overview.html)** Вы можете продолжить чтение этой страницы, чтобы узнать больше о том, почему бы добавили Хуки и как мы можем использовать их без переписывания нашего приложения.
**Если вы хотите начать изучать хуки, то [переходите на следующую страницу!](/docs/hooks-overview.html)** Вы можете продолжить чтение этой страницы, чтобы узнать больше о том, почему бы добавили хуки и как мы можем использовать их без переписывания нашего приложения.

## Мотивация {#motivation}

Expand All @@ -73,7 +73,7 @@ React не позволяет переиспользовать поведени

В некоторых случаях, невозможно разбить компоненты на более мелкие, потому что логика с отслеживанием состояния повсюду. Также их сложно тестировать. Это одна из причин, по которой люди предпочитают использовать в React отдельную библиотеку для управления состоянием. Однако, это добавляет множество абстракций, заставляет прыгать между разными файлами и делает переиспользуемые компоненты более сложными.

Чтобы решить эту проблему, **Хуки позволяют вам разделять один компонент на маленькие функции, в зависимости от того, какие части связаны (например, подписка или загрузка данных)**, вместо разделения компонентов на основе методов жизненного цикла. Вы так же можете контролировать локальное состояние с помощью редьюсера, чтобы поведение было более предсказуемым.
Чтобы решить эту проблему, **хуки позволяют вам разделять один компонент на маленькие функции, в зависимости от того, какие части связаны (например, подписка или загрузка данных)**, вместо разделения компонентов на основе методов жизненного цикла. Вы так же можете контролировать локальное состояние с помощью редьюсера, чтобы поведение было более предсказуемым.

Мы обсудим это в разделе [использование эффект хуков](/docs/hooks-effect.html#tip-use-multiple-effects-to-separate-concerns).

Expand All @@ -85,7 +85,7 @@ React не позволяет переиспользовать поведени

Однако мы заметили, что классовые компоненты могут добавлять непредвиденные шаблоны, которые заставляют оптимизацию возвращаться к более медленным путям. Классы всё ещё являются проблемой для современных инструментов. Например, классы плохо минифицируются, а горячая перезагрузка (hot reloading) ненадёжна и ломает их. Мы хотим предоставить API, который повысит вероятность того, что код можно будет оптимизировать.

Для решения этих проблем, **Хуки позволяют вам использовать больше возможностей React без написания классов.** Концептуально, React-компоненты всегда были ближе к функциям. Хуки обеспечивают доступ к функционалу, но не жертвуют практическим духом React. Хуки предоставляют доступ к запасным выходам и не требуют от вас изучения сложных функциональных или реактивных подходов.
Для решения этих проблем, **хуки позволяют вам использовать больше возможностей React без написания классов.** Концептуально, React-компоненты всегда были ближе к функциям. Хуки обеспечивают доступ к функционалу, но не жертвуют практическим духом React. Хуки предоставляют доступ к запасным выходам и не требуют от вас изучения сложных функциональных или реактивных подходов.

>Примеры
>
Expand All @@ -99,16 +99,16 @@ React не позволяет переиспользовать поведени

Мы так же понимаем, что препятствие для добавления новых примитивов в React очень высоко. Для любознательных читателей мы подготовили [подробный RFC](https://github.com/reactjs/rfcs/pull/68), который погружает в детали и предоставляет дополнительные решения и обзоры техник.

**Важно понимать, что Хуки работают бок о бок с существущим кодом, поэтому вы можете постепенно внедрять их.** Мы делимся этим API, чтобы получить раннюю обратную связь от тех, в сообществе, кто заинтересован в формировании будущего React и мы будем разбирать Хуки в открытую.
**Важно понимать, что хуки работают бок о бок с существущим кодом, поэтому вы можете постепенно внедрять их.** Мы делимся этим API, чтобы получить раннюю обратную связь от тех, в сообществе, кто заинтересован в формировании будущего React и мы будем разбирать хуки в открытую.

Наконец, нет никакой необходимости переходить на Хуки. Мы рекомендуем избегать любых «больших переписываний», особенно для существующих, сложных классовых компонентов. Это требует немного изменить мировоззрение, чтобы начать «мыслить Хуками». По нашему опыту, лучше всего сначала попрактиковаться использовать Хуки в новых и некритичных компонентах и убедиться, что все в вашей команде чувствуют себя комфортно с ними. После того, как вы попробуйте, не стесняйтесь [отправить нам свой отзыв](https://github.com/facebook/react/issues/new), позитивный или негативный.
Наконец, нет никакой необходимости переходить на хуки. Мы рекомендуем избегать любых «больших переписываний», особенно для существующих, сложных классовых компонентов. Это требует немного изменить мировоззрение, чтобы начать «мыслить Хуками». По нашему опыту, лучше всего сначала попрактиковаться использовать хуки в новых и некритичных компонентах и убедиться, что все в вашей команде чувствуют себя комфортно с ними. После того, как вы попробуйте, не стесняйтесь [отправить нам свой отзыв](https://github.com/facebook/react/issues/new), позитивный или негативный.

Мы намерены охватить все возможные варианты использования классов в Хуках, но **мы всё ещё будем поддерживать классовые компоненты в ближайшем будущем.** В Facebook десятки тысяч компонентов, написанных в виде классов, и у нас нет абсолютно никаких планов на переписывание их. Вместо этого мы начинаем использовать Хуки в новом коде бок о бок с классами.
Мы намерены охватить все возможные варианты использования классов в Хуках, но **мы всё ещё будем поддерживать классовые компоненты в ближайшем будущем.** В Facebook десятки тысяч компонентов, написанных в виде классов, и у нас нет абсолютно никаких планов на переписывание их. Вместо этого мы начинаем использовать хуки в новом коде бок о бок с классами.

## Часто задаваемые вопросы {#frequently-asked-questions}

Мы подготовили для вас [FAQ страницу](/docs/hooks-faq.html) с ответами на самые частые вопросы о Хуках.

## Следующие шаги {#next-steps}

К концу этой страницы вы должны иметь приблизительное представление о том, какие проблемы решают Хуки, но многие детали, возможно, остались непонятны. Не беспокойтесь! **Давайте теперь перейдём на [следующую страницу](/docs/hooks-overview.html), где мы изучим Хуки на примерах.**
К концу этой страницы вы должны иметь приблизительное представление о том, какие проблемы решают хуки, но многие детали, возможно, остались непонятны. Не беспокойтесь! **Давайте теперь перейдём на [следующую страницу](/docs/hooks-overview.html), где мы изучим хуки на примерах.**

0 comments on commit 9f4a77e

Please sign in to comment.