Skip to content

Commit 1d02949

Browse files
committed
Improve of documentation
1 parent 7c776bf commit 1d02949

14 files changed

+26
-26
lines changed

content/community/support.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ React имеет сообщество из миллионов разработч
1717
* [react_js](https://telegram.me/react_js) - самое крупное русскоговорящее сообщество по React
1818
* [react_ru](http://t.me/react_ru) - независимое сообщество React-разработчиков на русском языке
1919

20-
Прежде чем вступить в React сообщество, пожалуйста, [прочтите правила поведения](https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md). Также мы приняли [соглашение участника](https://www.contributor-covenant.org/) и ожидаем, что все участники сообщества будут его придерживаться.
20+
Прежде чем вступить в React-сообщество, пожалуйста, [прочтите правила поведения](https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md). Также мы приняли [соглашение участника](https://www.contributor-covenant.org/) и ожидаем, что все участники сообщества будут его придерживаться.
2121

2222
## Stack Overflow {#stack-overflow}
2323

content/docs/add-react-to-a-website.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,15 +21,15 @@ next: create-a-new-react-app.html
2121

2222
## Добавляем React за одну минуту {#add-react-in-one-minute}
2323

24-
В этом разделе вы научитесь добавлять React на существующую HTML-страницу. Вы можете практиковаться на своём собственном сайте или создать для этого пустой HTML файл.
24+
В этом разделе вы научитесь добавлять React на существующую HTML-страницу. Вы можете практиковаться на своём собственном сайте или создать для этого пустой HTML-файл.
2525

2626
Мы не будем пользоваться сложными инструментами сборки или что-то устанавливать. **Всё, что вам нужно -- это доступ к Интернету и минута свободного времени**.
2727

2828
Необязательно: [скачать готовый пример (архив 2 Кбайт)](https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605/archive/f6c882b6ae18bde42dcf6fdb751aae93495a2275.zip)
2929

3030
### Шаг 1: Добавляем DOM-контейнер в HTML {#step-1-add-a-dom-container-to-the-html}
3131

32-
Для начала, откройте HTML файл страницы, которую хотите отредактировать. Добавьте пустой тег `<div>` в месте, где вы хотите отобразить что-нибудь с помощью React. Например:
32+
Для начала, откройте HTML-файл страницы, которую хотите отредактировать. Добавьте пустой тег `<div>` в месте, где вы хотите отобразить что-нибудь с помощью React. Например:
3333

3434
```html{3}
3535
<!-- ... остальной HTML ... -->
@@ -67,7 +67,7 @@ next: create-a-new-react-app.html
6767

6868
### Шаг 3: Создаём React-компонент {#step-3-create-a-react-component}
6969

70-
Создайте файл с именем `like_button.js` рядом с вашим HTML файлом.
70+
Создайте файл с именем `like_button.js` рядом с вашим HTML-файлом.
7171

7272
Возьмите **[этот стартовый код](https://gist.github.com/gaearon/0b180827c190fe4fd98b4c7f570ea4a8/raw/b9157ce933c79a4559d2aa9ff3372668cce48de7/LikeButton.js)** и вставьте его в созданный ранее файл.
7373

content/docs/addons-test-utils.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -298,7 +298,7 @@ findRenderedComponentWithType(
298298
renderIntoDocument(element)
299299
```
300300

301-
Отображает React элемент в отдельно взятом DOM-узле документа. **Этой функции нужен DOM.** Это фактически эквивалентно:
301+
Отображает React-элемент в отдельно взятом DOM-узле документа. **Этой функции нужен DOM.** Это фактически эквивалентно:
302302

303303
```js
304304
const domContainer = document.createElement('div');

content/docs/codebase-overview.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -111,13 +111,13 @@ React является [монолитным репозиторием](https://d
111111

112112
Изначально React создавался для DOM, но позже был адаптирован к другим платформам, таким как [React Native](https://reactnative.dev/). В этом разделе мы расскажем об используемых рендерерах.
113113

114-
**Рендереры превращают React дерево в платформо-специфический код.**
114+
**Рендереры превращают React-дерево в платформо-специфический код.**
115115

116116
Они расположены в каталоге [`packages/`](https://github.com/facebook/react/tree/main/packages/):
117117

118118
* [React DOM Renderer](https://github.com/facebook/react/tree/main/packages/react-dom) рендерит React-компоненты в DOM. Он реализует [`ReactDOM` API](/docs/react-dom.html) и доступен как пакет [`react-dom`](https://www.npmjs.com/package/react-dom) из npm репозитория. Можно подключать как отдельный бандл `react-dom.js`, экспортирующий глобальную переменную `ReactDOM`.
119-
* [React Native Renderer](https://github.com/facebook/react/tree/main/packages/react-native-renderer) рендерит React компоненты в нативные представления. Используется внутри React Native.
120-
* [React Test Renderer](https://github.com/facebook/react/tree/main/packages/react-test-renderer) рендерит React компоненты в JSON-дерево. Используется при [тестировании снимками](https://facebook.github.io/jest/blog/2016/07/27/jest-14.html) через фреймворк [Jest](https://facebook.github.io/jest) и доступен как пакет [react-test-renderer](https://www.npmjs.com/package/react-test-renderer) в npm.
119+
* [React Native Renderer](https://github.com/facebook/react/tree/main/packages/react-native-renderer) рендерит React-компоненты в нативные представления. Используется внутри React Native.
120+
* [React Test Renderer](https://github.com/facebook/react/tree/main/packages/react-test-renderer) рендерит React-компоненты в JSON-дерево. Используется при [тестировании снимками](https://facebook.github.io/jest/blog/2016/07/27/jest-14.html) через фреймворк [Jest](https://facebook.github.io/jest) и доступен как пакет [react-test-renderer](https://www.npmjs.com/package/react-test-renderer) в npm.
121121

122122
Мы начали поддерживать единственный неофициальный рендерер [`react-art`](https://github.com/facebook/react/tree/main/packages/react-art), который раньше находился в отдельном [GitHub-репозитории](https://github.com/reactjs/react-art).
123123

content/docs/concurrent-mode-adoption.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -139,6 +139,6 @@ ReactDOM.unstable_createRoot(
139139

140140
</div>
141141

142-
\*: Старый режим имеет автоматический пакетный рендеринг для обрабатываемых React событий, но он ограничен одним потоком браузера. Не React-события должны быть обработаны через `unstable_batchedUpdates`. В блокирующем и конкурентном режимах все вызовы `setState` группируются для пакетного рендеринга по-умолчанию.
142+
\*: Старый режим имеет автоматический пакетный рендеринг для обрабатываемых React-событий, но он ограничен одним потоком браузера. Не React-события должны быть обработаны через `unstable_batchedUpdates`. В блокирующем и конкурентном режимах все вызовы `setState` группируются для пакетного рендеринга по-умолчанию.
143143

144144
\*\*: Предупреждения в режиме разработки.

content/docs/concurrent-mode-suspense.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -117,7 +117,7 @@ function ProfileTimeline() {
117117

118118
Итак, в чём идея задержки? Есть несколько вариантов ответа на этот вопрос:
119119

120-
* **Она позволит глубже интегрировать React в библиотеки получения данных.** Если библиотека получения данных реализует поддержку задержки, её использование из React компонентов будет выглядеть естественно.
120+
* **Она позволит глубже интегрировать React в библиотеки получения данных.** Если библиотека получения данных реализует поддержку задержки, её использование из React-компонентов будет выглядеть естественно.
121121

122122
* **Она позволит вам управлять намеренно спроектированными состояниями загрузки.** Она не говорит _как_ данные получены, но позволит вам лучше контролировать визуальную последовательность загрузки вашего приложения.
123123

content/docs/context.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -163,7 +163,7 @@ class MyClass extends React.Component {
163163
MyClass.contextType = MyContext;
164164
```
165165

166-
В свойство класса `contextType` может быть назначен объект контекста, созданный с помощью [`React.createContext()`](#reactcreatecontext). С помощью этого свойства вы можете использовать ближайшее и актуальное значение указанного контекста при помощи `this.context`. В этом случае вы получаете доступ к контексту, как во всех методах жизненного цикла, так и в рендер методе.
166+
В свойство класса `contextType` может быть назначен объект контекста, созданный с помощью [`React.createContext()`](#reactcreatecontext). С помощью этого свойства вы можете использовать ближайшее и актуальное значение указанного контекста при помощи `this.context`. В этом случае вы получаете доступ к контексту, как во всех методах жизненного цикла, так и в рендер-методе.
167167

168168
> Примечание
169169
>

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ next: cdn-links.html
2222

2323
## Возможно, вам не нужен дополнительный набор инструментов {#you-might-not-need-a-toolchain}
2424

25-
Если у вас нет проблем, описанных выше, или пока не чувствуете себя уверенно, используя инструменты JavaScript, рассмотрите возможность [добавления React в виде простого тега `<script>` на HTML странице](/docs/add-react-to-a-website.html), [при необходимости с JSX](/docs/add-react-to-a-website.html#optional-try-react-with-jsx).
25+
Если у вас нет проблем, описанных выше, или пока не чувствуете себя уверенно, используя инструменты JavaScript, рассмотрите возможность [добавления React в виде простого тега `<script>` на HTML-странице](/docs/add-react-to-a-website.html), [при необходимости с JSX](/docs/add-react-to-a-website.html#optional-try-react-with-jsx).
2626

2727
Также это **самый простой способ добавить React в существующий веб-сайт**. Вы всегда можете расширить набор инструментов, если посчитаете это нужным.
2828

content/docs/implementation-notes.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -111,7 +111,7 @@ rootEl.appendChild(node);
111111

112112
* React-элементы -- просто объекты, описывающие тип компонента (например, `App`) и его пропсы.
113113
* Пользовательские компоненты могут быть как классами, так и функциями, но оба «рендерят» элементы.
114-
* «Монтирование» -- рекурсивный процесс, который создаёт DOM- или Native-дерево заданного React элемента верхнего уровня (например, `<App />`).
114+
* «Монтирование» -- рекурсивный процесс, который создаёт DOM- или Native-дерево заданного React-элемента верхнего уровня (например, `<App />`).
115115

116116
### Монтирование базовых элементов {#mounting-host-elements}
117117

@@ -473,7 +473,7 @@ class DOMComponent {
473473
}
474474
```
475475

476-
В действительности демонтирование DOM компонентов также удаляет слушателей событий и очищает кэш, но опустим эти детали.
476+
В действительности демонтирование DOM-компонентов также удаляет слушателей событий и очищает кэш, но опустим эти детали.
477477

478478
Теперь добавим верхнеуровневую функцию `unmountTree(containerNode)`, которая аналогична `ReactDOM.unmountComponentAtNode()`:
479479

@@ -669,7 +669,7 @@ class DOMComponent {
669669

670670
### Обновление базовых компонентов {#updating-host-components}
671671

672-
Хостовые компоненты, такие как `DOMComponent`, обновляются по-другому. Когда они получают элемент, то им необходимо обновить платформо-специфический view. В случае с React DOM, это означает обновить DOM атрибуты:
672+
Хостовые компоненты, такие как `DOMComponent`, обновляются по-другому. Когда они получают элемент, то им необходимо обновить платформо-специфический view. В случае с React DOM, это означает обновить DOM-атрибуты:
673673

674674
```js
675675
class DOMComponent {
@@ -702,12 +702,12 @@ class DOMComponent {
702702
703703
В этом упрощённом примере, мы используем массив внутренних экземпляров и проходим по каждому из них, обновляя либо заменяя внутренние экземпляры, в зависимости от того, соответствует ли полученный `type` предыдущему. В реальности reconciler также берёт `key` элементов и, в добавок к вставкам и удалениям элементов, отслеживает их перемещение, но мы опустим эту деталь.
704704
705-
Соберём DOM операции над потомками в список, чтобы мы смогли выполнить их обновление группой:
705+
Соберём DOM-операции над потомками в список, чтобы мы смогли выполнить их обновление группой:
706706
707707
```js
708708
// ...
709709

710-
// Массивы React элементов
710+
// Массивы React-элементов
711711
var prevChildren = prevProps.children || [];
712712
if (!Array.isArray(prevChildren)) {
713713
prevChildren = [prevChildren];
@@ -786,7 +786,7 @@ class DOMComponent {
786786
// ...
787787
```
788788
789-
Последний шаг -- выполним DOM операции. Опять же, реальная реализация согласователя более сложная, потому что обрабатывает перемещения:
789+
Последний шаг -- выполним DOM-операции. Опять же, реальная реализация согласователя более сложная, потому что обрабатывает перемещения:
790790
791791
```js
792792
// ...

content/docs/introducing-jsx.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -176,7 +176,7 @@ const element = {
176176

177177
Эти объекты называются React-элементами. Можно сказать, что они описывают результат, который мы хотим увидеть на экране. React читает эти объекты и использует их, чтобы конструировать и поддерживать DOM.
178178

179-
[В следующей главе](/docs/rendering-elements.html) мы углубимся в то, как React элементы рендерятся в DOM.
179+
[В следующей главе](/docs/rendering-elements.html) мы углубимся в то, как React-элементы рендерятся в DOM.
180180

181181
>**Совет:**
182182
>

0 commit comments

Comments
 (0)