Skip to content

Commit 7e85302

Browse files
committed
resolve conflicts
1 parent 9d40b13 commit 7e85302

15 files changed

+71
-386
lines changed

src/content/learn/creating-a-react-app.md

Lines changed: 35 additions & 43 deletions
Large diffs are not rendered by default.

src/content/learn/index.md

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,7 @@ title: Быстрый старт
44

55
<Intro>
66

7-
<<<<<<< HEAD
87
Добро пожаловать в документацию React! Эта страница познакомит вас с большинством концепций React, которыми вы будете пользоваться каждый день.
9-
=======
10-
Welcome to the React documentation! This page will give you an introduction to 80% of the React concepts that you will use on a daily basis.
11-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
128

139
</Intro>
1410

src/content/learn/installation.md

Lines changed: 6 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -8,20 +8,7 @@ React был спроектирован с самого начала с учёт
88

99
</Intro>
1010

11-
<<<<<<< HEAD
12-
<YouWillLearn isChapter={true}>
13-
14-
* [Как создать новый React-проект](/learn/start-a-new-react-project)
15-
* [Как добавить React в существующий проект](/learn/add-react-to-an-existing-project)
16-
* [Как настроить редактор кода](/learn/editor-setup)
17-
* [Как установить React Developer Tools](/learn/react-developer-tools)
18-
19-
</YouWillLearn>
20-
2111
## Попробовать React {/*try-react*/}
22-
=======
23-
## Try React {/*try-react*/}
24-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
2512

2613
Вам не нужно ничего устанавливать, чтобы попробовать React. Поредактируйте код в песочнице!
2714

@@ -43,42 +30,27 @@ export default function App() {
4330

4431
Такие песочницы есть на большинстве страниц React-документации. За пределами React-документации также есть большое количество песочниц, поддерживающих React. Например: [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react) или [CodePen.](https://codepen.io/pen?template=QWYVwWN)
4532

46-
<<<<<<< HEAD
47-
### Попробовать React локально {/*try-react-locally*/}
48-
4933
Чтобы попробовать React локально на вашем компьютере, [скачайте эту HTML страницу.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Откройте её в своем текстовом редакторе и браузере!
5034

51-
## Начать новый React-проект {/*start-a-new-react-project*/}
35+
## Начать новый React-проект {/*creating-a-react-app*/}
5236

53-
Если вы хотите создать приложение или сайт полностью на React — [создайте новый React-проект.](/learn/start-a-new-react-project)
54-
=======
55-
To try React locally on your computer, [download this HTML page.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Open it in your editor and in your browser!
37+
Если вы хотите создать приложение или сайт полностью на React — [создайте новый React-проект,](/learn/creating-a-react-app) используя рекомендуемые фреймворки.
5638

57-
## Creating a React App {/*creating-a-react-app*/}
39+
## Создать React-приложение с нуля {/*build-a-react-app-from-scratch*/}
5840

59-
If you want to start a new React app, you can [create a React app](/learn/creating-a-react-app) using a recommended framework.
60-
61-
## Build a React App from Scratch {/*build-a-react-app-from-scratch*/}
62-
63-
If a framework is not a good fit for your project, you prefer to build your own framework, or you just want to learn the basics of a React app you can [build a React app from scratch](/learn/build-a-react-app-from-scratch).
64-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
41+
Если существующие фреймворки не подходят вашему проекту, вы предпочитаете написать свой собственный или изучить внутренности React-приложения, вы можете создать [React-приложение с нуля](/learn/build-a-react-app-from-scratch).
6542

6643
## Добавить React в существующий проект {/*add-react-to-an-existing-project*/}
6744

68-
<<<<<<< HEAD
6945
Если вы хотите попробовать React в существующем приложении или сайте — [добавьте React в существующий проект.](/learn/add-react-to-an-existing-project)
70-
=======
71-
If want to try using React in your existing app or a website, you can [add React to an existing project.](/learn/add-react-to-an-existing-project)
72-
7346

7447
<Note>
7548

76-
#### Should I use Create React App? {/*should-i-use-create-react-app*/}
49+
#### Должен ли я использовать Create React App? {/*should-i-use-create-react-app*/}
7750

78-
No. Create React App has been deprecated. For more information, see [Sunsetting Create React App](/blog/2025/02/14/sunsetting-create-react-app).
51+
Нет. Create React App был признан устаревшим. Больше информации в статье об [остановке поддержки Create React App](/blog/2025/02/14/sunsetting-create-react-app).
7952

8053
</Note>
81-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
8254

8355
## Дальнейшие шаги {/*next-steps*/}
8456

src/content/learn/react-developer-tools.md

Lines changed: 3 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -53,33 +53,9 @@ react-devtools
5353

5454
![React Developer Tools standalone](/images/docs/react-devtools-standalone.png)
5555

56-
<<<<<<< HEAD
5756
## Мобильные устройства (React Native) {/*mobile-react-native*/}
58-
React Developer Tools также можно использовать для отладки приложений, созданных с помощью [React Native](https://reactnative.dev/).
59-
Самый простой способ использования React Developer Tools - установить их глобально:
57+
Для отладки приложений, созданных с помощью [React Native](https://reactnative.dev/), вы можете использовать [React Native DevTools](https://reactnative.dev/docs/react-native-devtools), встроенный отладчик, который уже синтегрирован с React Developer Tools. Вся функциональность работает аналогично браузерному расширению, включая подсветку и выбор элементов.
6058

61-
```bash
62-
# Yarn
63-
yarn global add react-devtools
64-
=======
65-
## Mobile (React Native) {/*mobile-react-native*/}
66-
67-
To inspect apps built with [React Native](https://reactnative.dev/), you can use [React Native DevTools](https://reactnative.dev/docs/react-native-devtools), the built-in debugger that deeply integrates React Developer Tools. All features work identically to the browser extension, including native element highlighting and selection.
68-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
69-
70-
[Learn more about debugging in React Native.](https://reactnative.dev/docs/debugging)
71-
72-
<<<<<<< HEAD
73-
Откройте инструменты разработчика в терминале.
74-
```bash
75-
react-devtools
76-
```
77-
78-
Он подключится к любому локальному приложению React Native, которое запущено.
79-
80-
> Попробуйте перезагрузить приложение, если инструменты разработчика не подключатся через несколько секунд.
59+
[Узнайте больше об отладке в React Native.](https://reactnative.dev/docs/debugging)
8160

82-
[Узнайте больше о отладке React Native.](https://reactnative.dev/docs/debugging)
83-
=======
84-
> For versions of React Native earlier than 0.76, please use the standalone build of React DevTools by following the [Safari and other browsers](#safari-and-other-browsers) guide above.
85-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
61+
> Для версий React Native более ранних чем 0.76, пожалуйста, используйте автономную сборку React DevTools, следуя инструкции [Safari и другие браузеры](#safari-and-other-browsers) выше.

src/content/learn/render-and-commit.md

Lines changed: 1 addition & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -84,11 +84,7 @@ export default function Image() {
8484

8585
Этот процесс рекурсивен: если обновленный компонент возвращает какой-то другой компонент, React будет рендерить _этот_ компонент следующим, и если этот компонент тоже что-то возвращает, он будет рендерить _этот_ компонент следующим, и так далее. Этот процесс будет продолжаться до тех пор, пока не останется вложенных компонентов и React не будет точно знать, что должно быть отображено на экране.
8686

87-
<<<<<<< HEAD
88-
В следующем примере React вызовет `Gallery()` и `Image()` несколько раз:
89-
=======
90-
In the following example, React will call `Gallery()` and `Image()` several times:
91-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
87+
В следующем примере React вызовет `Gallery()` и `Image()` несколько раз:
9288

9389
<Sandpack>
9490

@@ -152,17 +148,10 @@ img { margin: 0 10px 10px 0; }
152148

153149
## Часть 3: React фиксирует изменения в DOM {/*step-3-react-commits-changes-to-the-dom*/}
154150

155-
<<<<<<< HEAD
156151
После рендеринга (вызова) ваших компонентов React модифицирует DOM.
157152

158153
* **На начальном рендере,** React использует [`appendChild()`](https://developer.mozilla.org/ru/docs/Web/API/Node/appendChild) DOM API, чтобы вставить все DOM ноды, которые он создал на экране.
159154
* **Для ре-рендеров,** React будет применять минимально необходимые операции (вычисляемые во время рендеринга!), чтобы DOM соответствовал последнему выводу рендеринга.
160-
=======
161-
After rendering (calling) your components, React will modify the DOM.
162-
163-
* **For the initial render,** React will use the [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) DOM API to put all the DOM nodes it has created on screen.
164-
* **For re-renders,** React will apply the minimal necessary operations (calculated while rendering!) to make the DOM match the latest rendering output.
165-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
166155

167156
**React изменяет узлы DOM только если есть разница между рендерами.** Например, вот компонент, который рендерится с разными пропсами, передаваемыми от родителя каждую секунду. Обратите внимание, как вы можете добавить некоторый текст в `<input>`, обновляя его `значение`, но текст не исчезает при повторном рендеринге компонента:
168157

0 commit comments

Comments
 (0)