Skip to content

Commit 0826b3c

Browse files
docs: translate index.md to Русский
1 parent 7328613 commit 0826b3c

1 file changed

Lines changed: 14 additions & 15 deletions

File tree

Lines changed: 14 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,50 @@
11
---
22
title: Правила React
33
---
4-
54
<Intro>
6-
Подобно тому, как разные языки программирования имеют свои способы выражения концепций, React имеет свои идиомы — или правила — для выражения паттернов таким образом, чтобы это было легко понять и приводило к созданию высококачественных приложений.
5+
Подобно тому, как разные языки программирования имеют свои способы выражения концепций, React имеет свои идиомы — или правила — для выражения паттернов таким образом, чтобы это было легко понять и приводило к высококачественным приложениям.
76
</Intro>
87

98
<InlineToc />
109

1110
---
1211

1312
<Note>
14-
Чтобы узнать больше о создании пользовательских интерфейсов с помощью React, мы рекомендуем прочитать [Мышление в React](/learn/thinking-in-react).
13+
Чтобы узнать больше о выражении пользовательских интерфейсов с помощью React, мы рекомендуем прочитать [Мышление в стиле React](/learn/thinking-in-react).
1514
</Note>
1615

1716
Этот раздел описывает правила, которым вы должны следовать, чтобы писать идиоматичный код React. Написание идиоматичного кода React может помочь вам создавать хорошо организованные, безопасные и компонуемые приложения. Эти свойства делают ваше приложение более устойчивым к изменениям и облегчают работу с другими разработчиками, библиотеками и инструментами.
1817

19-
Эти правила известны как **Правила React**. Они являются правилами, а не просто рекомендациями, в том смысле, что если они нарушены, ваше приложение, вероятно, будет содержать ошибки. Ваш код также станет неидиоматичным и его будет труднее понять и осмыслить.
18+
Эти правила известны как **Правила React**. Они являются правилами, а не просто рекомендациями, в том смысле, что если они нарушены, ваше приложение, вероятно, содержит ошибки. Ваш код также становится неидиоматичным и его труднее понять и осмыслить.
2019

21-
Мы настоятельно рекомендуем использовать [Strict Mode](/reference/react/StrictMode) вместе с [ESLint плагином React](https://www.npmjs.com/package/eslint-plugin-react-hooks), чтобы помочь вашему коду следовать Правилам React. Следуя Правилам React, вы сможете находить и исправлять эти ошибки, а также поддерживать свое приложение в рабочем состоянии.
20+
Мы настоятельно рекомендуем использовать [Strict Mode](/reference/react/StrictMode) вместе с [плагином ESLint для React](https://www.npmjs.com/package/eslint-plugin-react-hooks), чтобы помочь вашей кодовой базе следовать Правилам React. Следуя Правилам React, вы сможете находить и устранять эти ошибки и поддерживать ваше приложение в рабочем состоянии.
2221

2322
---
2423

2524
## Компоненты и хуки должны быть чистыми {/*components-and-hooks-must-be-pure*/}
2625

2726
[Чистота компонентов и хуков](/reference/rules/components-and-hooks-must-be-pure) — это ключевое правило React, которое делает ваше приложение предсказуемым, легким для отладки и позволяет React автоматически оптимизировать ваш код.
2827

29-
* [Компоненты должны быть идемпотентными](/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent)предполагается, что компоненты React всегда возвращают одинаковый результат относительно своих входных данных — пропсов, состояния и контекста.
30-
* [Побочные эффекты должны выполняться вне рендеринга](/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render)побочные эффекты не должны выполняться во время рендеринга, так как React может рендерить компоненты несколько раз для создания наилучшего пользовательского опыта.
31-
* [Пропсы и состояние неизменяемы](/reference/rules/components-and-hooks-must-be-pure#props-and-state-are-immutable)пропсы и состояние компонента являются неизменяемыми снимками для одного рендеринга. Никогда не изменяйте их напрямую.
32-
* [Возвращаемые значения и аргументы для хуков неизменяемы](/reference/rules/components-and-hooks-must-be-pure#return-values-and-arguments-to-hooks-are-immutable)после того, как значения переданы хуку, вы не должны их изменять. Как и пропсы в JSX, значения становятся неизменяемыми при передаче хуку.
33-
* [Значения неизменяемы после передачи в JSX](/reference/rules/components-and-hooks-must-be-pure#values-are-immutable-after-being-passed-to-jsx)не изменяйте значения после их использования в JSX. Переместите изменение до создания JSX.
28+
* [Компоненты должны быть идемпотентными](/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent)Предполагается, что компоненты React всегда возвращают одинаковый результат относительно своих входных данных — пропсов, состояния и контекста.
29+
* [Побочные эффекты должны выполняться вне рендеринга](/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render)Побочные эффекты не должны выполняться во время рендеринга, поскольку React может рендерить компоненты несколько раз для создания наилучшего пользовательского опыта.
30+
* [Пропсы и состояние неизменяемы](/reference/rules/components-and-hooks-must-be-pure#props-and-state-are-immutable)Пропсы и состояние компонента являются неизменяемыми снимками относительно одного рендеринга. Никогда не изменяйте их напрямую.
31+
* [Возвращаемые значения и аргументы для хуков неизменяемы](/reference/rules/components-and-hooks-must-be-pure#return-values-and-arguments-to-hooks-are-immutable)После того как значения переданы хуку, вы не должны их изменять. Как и пропсы в JSX, значения становятся неизменяемыми при передаче хуку.
32+
* [Значения неизменяемы после передачи в JSX](/reference/rules/components-and-hooks-must-be-pure#values-are-immutable-after-being-passed-to-jsx)Не изменяйте значения после их использования в JSX. Переместите изменение до создания JSX.
3433

3534
---
3635

3736
## React вызывает компоненты и хуки {/*react-calls-components-and-hooks*/}
3837

39-
[React отвечает за рендеринг компонентов и хуков по мере необходимости для оптимизации пользовательского опыта.](/reference/rules/react-calls-components-and-hooks) Это декларативно: вы говорите React, что рендерить в логике вашего компонента, а React сам определит, как лучше всего отобразить это пользователю.
38+
[React отвечает за рендеринг компонентов и хуков при необходимости для оптимизации пользовательского опыта.](/reference/rules/react-calls-components-and-hooks) Это декларативно: вы говорите React, что рендерить в логике вашего компонента, а React сам определит, как лучше всего отобразить это вашему пользователю.
4039

41-
* [Никогда не вызывайте функции компонентов напрямую](/reference/rules/react-calls-components-and-hooks#never-call-component-functions-directly)компоненты следует использовать только в JSX. Не вызывайте их как обычные функции.
42-
* [Никогда не передавайте хуки как обычные значения](/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values)хуки следует вызывать только внутри компонентов. Никогда не передавайте их как обычные значения.
40+
* [Никогда не вызывайте функции компонентов напрямую](/reference/rules/react-calls-components-and-hooks#never-call-component-functions-directly)Компоненты следует использовать только в JSX. Не вызывайте их как обычные функции.
41+
* [Никогда не передавайте хуки как обычные значения](/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values)Хуки следует вызывать только внутри компонентов. Никогда не передавайте их как обычные значения.
4342

4443
---
4544

4645
## Правила хуков {/*rules-of-hooks*/}
4746

4847
Хуки определяются с использованием функций JavaScript, но они представляют собой особый тип повторно используемой логики пользовательского интерфейса с ограничениями на то, где они могут быть вызваны. Вы должны следовать [Правилам хуков](/reference/rules/rules-of-hooks) при их использовании.
4948

50-
* [Вызывайте хуки только на верхнем уровне](/reference/rules/rules-of-hooks#only-call-hooks-at-the-top-level)не вызывайте хуки внутри циклов, условий или вложенных функций. Вместо этого всегда используйте хуки на верхнем уровне функции React, перед любыми ранними возвратами.
51-
* [Вызывайте хуки только из функций React](/reference/rules/rules-of-hooks#only-call-hooks-from-react-functions)не вызывайте хуки из обычных функций JavaScript.
49+
* [Вызывайте хуки только на верхнем уровне](/reference/rules/rules-of-hooks#only-call-hooks-at-the-top-level)Не вызывайте хуки внутри циклов, условий или вложенных функций. Вместо этого всегда используйте хуки на верхнем уровне вашей функции React, перед любыми ранними возвратами.
50+
* [Вызывайте хуки только из функций React](/reference/rules/rules-of-hooks#only-call-hooks-from-react-functions)Не вызывайте хуки из обычных функций JavaScript.

0 commit comments

Comments
 (0)