Translate for "State: A Component's Memory" #888

sakhnyuk · 2023-05-23T19:11:08Z

Translate for - https://react.dev/learn/state-a-components-memory

titovmx

Привет! Спасибо за отличный перевод! Оставил несколько комментариев.
Есть две глобальные просьбы:

Проверить перевод на использование буквы Ё. Для этого вы можете восользоваться пакетом eyo - он поможет найти все случаи, где должна быть использована Ё, и даже сделать автоматическую замену.
Перевести тексты примеров и задач (то что отображается пользователям).

titovmx · 2023-08-03T13:35:18Z

src/content/learn/state-a-components-memory.md

 ---

 <Intro>

-Components often need to change what's on the screen as a result of an interaction. Typing into the form should update the input field, clicking "next" on an image carousel should change which image is displayed, clicking "buy" should put a product in the shopping cart. Components need to "remember" things: the current input value, the current image, the shopping cart. In React, this kind of component-specific memory is called *state*.
+Компоненты часто должны изменять то, что отображается на экране как результат взаимодействия. Ввод в форму должен обновлять поле ввода, нажатие кнопки "далее" на карусели изображений должно изменять отображаемое изображение, нажатие кнопки "купить" должно добавлять товар в корзину. Компоненты должны "запоминать": текущее значение ввода, текущее изображение, корзину. В React такой компонент-специфической памятью называется *состоянием*.


Suggested change

Компоненты часто должны изменять то, что отображается на экране как результат взаимодействия. Ввод в форму должен обновлять поле ввода, нажатие кнопки "далее" на карусели изображений должно изменять отображаемое изображение, нажатие кнопки "купить" должно добавлять товар в корзину. Компоненты должны "запоминать": текущее значение ввода, текущее изображение, корзину. В React такой компонент-специфической памятью называется *состоянием*.

Компоненты часто должны изменять то, что отображается на экране как результат взаимодействия. Ввод в форму должен обновлять поле ввода, нажатие кнопки "далее" на карусели изображений должно изменять отображаемое изображение, нажатие кнопки "купить" должно добавлять товар в корзину. Компоненты должны "запоминать": текущее значение ввода, текущее изображение, корзину. В React такая память компонента называется *состоянием*.

Мне кажется, для русского такое сложносоставное слово звучит немного инородно

titovmx · 2023-08-03T13:36:32Z

src/content/learn/state-a-components-memory.md


-Here's a component that renders a sculpture image. Clicking the "Next" button should show the next sculpture by changing the `index` to `1`, then `2`, and so on. However, this **won't work** (you can try it!):
+Вот компонент, который рендерит изображение скульптуры. При нажатии на кнопку "Next" должна отображаться следующая скульптура, изменяя `index` на `1`, затем на `2` и так далее. Однако это **не сработает** (вы можете попробовать!):



Могли бы вы также перевести примеры?

titovmx · 2023-08-03T13:39:54Z

src/content/learn/state-a-components-memory.md


-> The `[` and `]` syntax here is called [array destructuring](https://javascript.info/destructuring-assignment) and it lets you read values from an array. The array returned by `useState` always has exactly two items.
+> Синтакс `[` и `]` называется [деструктуризацией массива](https://javascript.info/destructuring-assignment) и позволяет читать значения из массива. Массив, возвращаемый `useState`, всегда имеет ровно два элемента.


Suggested change

> Синтакс `[` и `]` называется [деструктуризацией массива](https://javascript.info/destructuring-assignment) и позволяет читать значения из массива. Массив, возвращаемый `useState`, всегда имеет ровно два элемента.

> Синтаксис `[` и `]` называется [деструктуризацией массива](https://learn.javascript.ru/destructuring-assignment) и позволяет читать значения из массива. Массив, возвращаемый `useState`, всегда имеет ровно два элемента.

обновил ссылку на русскоязычную версию

titovmx · 2023-08-03T13:46:21Z

src/content/learn/state-a-components-memory.md


-## Giving a component multiple state variables {/*giving-a-component-multiple-state-variables*/}
+## Предоставление компоненту несколько переменных состояния {/*giving-a-component-multiple-state-variables*/}


Suggested change

## Предоставление компоненту несколько переменных состояния {/*giving-a-component-multiple-state-variables*/}

## Предоставление компоненту нескольких переменных состояния {/*giving-a-component-multiple-state-variables*/}

Числительное "несколько" следует склонять.

titovmx · 2023-08-03T13:49:16Z

src/content/learn/state-a-components-memory.md


-You can have as many state variables of as many types as you like in one component. This component has two state variables, a number `index` and a boolean `showMore` that's toggled when you click "Show details":
+Вы можете иметь столько переменных состояния разных типов, сколько захочешь в одном компоненте. Этот компонент имеет две переменные состояния: число `index` и логическое значение `showMore`, которое переключается, когда вы нажимаете "Show details":


Suggested change

Вы можете иметь столько переменных состояния разных типов, сколько захочешь в одном компоненте. Этот компонент имеет две переменные состояния: число `index` и логическое значение `showMore`, которое переключается, когда вы нажимаете "Show details":

Вы можете иметь столько переменных состояния разных типов в одном компоненте, сколько захотите. Этот компонент имеет две переменные состояния: число `index` и логическое значение `showMore`, которое переключается, когда вы нажимаете "Show details":

На мой взгляд, разные части предложения здесь звучат несогласовано.
Также, пожалуйста, обратите внимание, что при переводе примеров, нужно будет перевести здесь текст для кнопки.

titovmx · 2023-08-03T13:59:01Z

src/content/learn/state-a-components-memory.md

-* Use a state variable when a component needs to "remember" some information between renders.
-* State variables are declared by calling the `useState` Hook.
+* Используйте переменную состояния, когда компоненту нужно «запомнить» некоторую информацию между рендерами.
+* Переменные состония декларируются вызовом хука `useState`.


Suggested change

* Переменные состония декларируются вызовом хука `useState`.

* Переменные состояния декларируются вызовом хука `useState`.

titovmx · 2023-08-03T13:59:56Z

src/content/learn/state-a-components-memory.md

-* Use a state variable when a component needs to "remember" some information between renders.
-* State variables are declared by calling the `useState` Hook.
+* Используйте переменную состояния, когда компоненту нужно «запомнить» некоторую информацию между рендерами.
+* Переменные состония декларируются вызовом хука `useState`.
 * Hooks are special functions that start with `use`. They let you "hook into" React features like state.


Suggested change

* Hooks are special functions that start with `use`. They let you "hook into" React features like state.

titovmx · 2023-08-03T14:00:51Z

src/content/learn/state-a-components-memory.md

-* The `useState` Hook returns a pair of values: the current state and the function to update it.
-* You can have more than one state variable. Internally, React matches them up by their order.
-* State is private to the component. If you render it in two places, each copy gets its own state.
+* Хуки это специальные функции, которые начинаются с `use`. Они позволяют вам подключаться к функциям React, таким как состояние.


Suggested change

* Хуки это специальные функции, которые начинаются с `use`. Они позволяют вам подключаться к функциям React, таким как состояние.

* Хуки — это специальные функции, которые начинаются с `use`. Они позволяют вам подключаться к функциям React, таким как состояние.

titovmx · 2023-08-03T14:03:12Z

src/content/learn/state-a-components-memory.md

@@ -1219,13 +1221,13 @@ img { width: 120px; height: 120px; }

 </Sandpack>

-Notice how `hasPrev` and `hasNext` are used *both* for the returned JSX and inside the event handlers! This handy pattern works because event handler functions ["close over"](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures) any variables declared while rendering.
+Заметьте как `hasPrev` и `hasNext` используются *вместе* для возвращаемым JSX и внутри обработчиков событий! Этот удобный шаблон работает потому что функции обработчиков событий ["замыкают"](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures) любые переменные объявленные во время рендеринга.


Suggested change

Заметьте как `hasPrev` и `hasNext` используются *вместе* для возвращаемым JSX и внутри обработчиков событий! Этот удобный шаблон работает потому что функции обработчиков событий ["замыкают"](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures) любые переменные объявленные во время рендеринга.

Заметьте как `hasPrev` и `hasNext` используются *вместе* для возвращаемым JSX и внутри обработчиков событий! Этот удобный шаблон работает, потому что функции обработчиков событий ["замыкают"](https://developer.mozilla.org/ru/docs/Web/JavaScript/Closures) любые переменные объявленные во время рендеринга.

Обновил ссылку на русскоязычную версию

titovmx · 2023-08-03T14:07:41Z

src/content/learn/state-a-components-memory.md


 <Hint>

-Are there any limitations on _where_ Hooks may be called? Does this component break any rules? Check if there are any comments disabling the linter checks--this is where the bugs often hide!
+Существуют ли какие-либо ограничения на _где_ Хуки могут быть вызваны? Нарушает ли этот компонент какие-либо правила? Проверьте, есть ли комментарии, отключающие проверки линтера - здесь часто скрываются ошибки!


Suggested change

Существуют ли какие-либо ограничения на _где_ Хуки могут быть вызваны? Нарушает ли этот компонент какие-либо правила? Проверьте, есть ли комментарии, отключающие проверки линтера - здесь часто скрываются ошибки!

Существуют ли какие-либо ограничения на то, _где_ Хуки могут быть вызваны? Нарушает ли этот компонент какие-либо правила? Проверьте, есть ли комментарии, отключающие проверки линтера - здесь часто скрываются ошибки!

Translate

72a00e3

sakhnyuk changed the title ~~Translate~~ Translate for "State: A Component's Memory" May 23, 2023

sakhnyuk mentioned this pull request May 23, 2023

New Russian Translation Progress #843

Open

vercel bot deployed to Preview – ru-react-dev May 23, 2023 19:12 View deployment

Add fixes to translate

8922280

sakhnyuk marked this pull request as ready for review June 8, 2023 05:28

vercel bot deployed to Preview – ru-react-dev June 8, 2023 05:28 View deployment

titovmx requested changes Aug 3, 2023

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Translate for "State: A Component's Memory" #888

Translate for "State: A Component's Memory" #888

sakhnyuk commented May 23, 2023

titovmx left a comment

titovmx Aug 3, 2023

titovmx Aug 3, 2023

titovmx Aug 3, 2023

titovmx Aug 3, 2023

titovmx Aug 3, 2023

titovmx Aug 3, 2023

titovmx Aug 3, 2023

titovmx Aug 3, 2023

titovmx Aug 3, 2023

titovmx Aug 3, 2023


		Here's a component that renders a sculpture image. Clicking the "Next" button should show the next sculpture by changing the `index` to `1`, then `2`, and so on. However, this won't work (you can try it!):
		Вот компонент, который рендерит изображение скульптуры. При нажатии на кнопку "Next" должна отображаться следующая скульптура, изменяя `index` на `1`, затем на `2` и так далее. Однако это не сработает (вы можете попробовать!):


		> The `[` and `]` syntax here is called [array destructuring](https://javascript.info/destructuring-assignment) and it lets you read values from an array. The array returned by `useState` always has exactly two items.
		> Синтакс `[` и `]` называется [деструктуризацией массива](https://javascript.info/destructuring-assignment) и позволяет читать значения из массива. Массив, возвращаемый `useState`, всегда имеет ровно два элемента.

	> Синтакс `[` и `]` называется [деструктуризацией массива](https://javascript.info/destructuring-assignment) и позволяет читать значения из массива. Массив, возвращаемый `useState`, всегда имеет ровно два элемента.
	> Синтаксис `[` и `]` называется [деструктуризацией массива](https://learn.javascript.ru/destructuring-assignment) и позволяет читать значения из массива. Массив, возвращаемый `useState`, всегда имеет ровно два элемента.


		## Giving a component multiple state variables {/giving-a-component-multiple-state-variables/}
		## Предоставление компоненту несколько переменных состояния {/giving-a-component-multiple-state-variables/}

	## Предоставление компоненту несколько переменных состояния {/giving-a-component-multiple-state-variables/}
	## Предоставление компоненту нескольких переменных состояния {/giving-a-component-multiple-state-variables/}


		You can have as many state variables of as many types as you like in one component. This component has two state variables, a number `index` and a boolean `showMore` that's toggled when you click "Show details":
		Вы можете иметь столько переменных состояния разных типов, сколько захочешь в одном компоненте. Этот компонент имеет две переменные состояния: число `index` и логическое значение `showMore`, которое переключается, когда вы нажимаете "Show details":

	* Переменные состония декларируются вызовом хука `useState`.
	* Переменные состояния декларируются вызовом хука `useState`.

	* Хуки это специальные функции, которые начинаются с `use`. Они позволяют вам подключаться к функциям React, таким как состояние.
	* Хуки — это специальные функции, которые начинаются с `use`. Они позволяют вам подключаться к функциям React, таким как состояние.

	Существуют ли какие-либо ограничения на _где_ Хуки могут быть вызваны? Нарушает ли этот компонент какие-либо правила? Проверьте, есть ли комментарии, отключающие проверки линтера - здесь часто скрываются ошибки!
	Существуют ли какие-либо ограничения на то, _где_ Хуки могут быть вызваны? Нарушает ли этот компонент какие-либо правила? Проверьте, есть ли комментарии, отключающие проверки линтера - здесь часто скрываются ошибки!

Translate for "State: A Component's Memory" #888

Are you sure you want to change the base?

Translate for "State: A Component's Memory" #888

Conversation

sakhnyuk commented May 23, 2023

titovmx left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment