From 5fee4bdd6d76904635dd9a59270c0679b673aca1 Mon Sep 17 00:00:00 2001 From: "translate-react-bot[bot]" <251169733+translate-react-bot[bot]@users.noreply.github.com> Date: Wed, 4 Feb 2026 15:13:24 +0000 Subject: [PATCH 1/2] =?UTF-8?q?docs:=20translate=20`addTransitionType.md`?= =?UTF-8?q?=20to=20=D0=A0=D1=83=D1=81=D1=81=D0=BA=D0=B8=D0=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../reference/react/addTransitionType.md | 66 +++++++++---------- 1 file changed, 33 insertions(+), 33 deletions(-) diff --git a/src/content/reference/react/addTransitionType.md b/src/content/reference/react/addTransitionType.md index f292ea7557..674f13d33e 100644 --- a/src/content/reference/react/addTransitionType.md +++ b/src/content/reference/react/addTransitionType.md @@ -5,21 +5,21 @@ version: experimental -**This API is experimental and is not available in a stable version of React yet.** +**Этот API является экспериментальным и еще недоступен в стабильной версии React.** -You can try it by upgrading React packages to the most recent experimental version: +Вы можете попробовать его, обновив пакеты React до последней экспериментальной версии: - `react@experimental` - `react-dom@experimental` - `eslint-plugin-react-hooks@experimental` -Experimental versions of React may contain bugs. Don't use them in production. +Экспериментальные версии React могут содержать ошибки. Не используйте их в продакшене. -`unstable_addTransitionType` lets you specify the cause of a transition. +`unstable_addTransitionType` позволяет указать причину перехода. ```js @@ -35,30 +35,30 @@ startTransition(() => { --- -## Reference {/*reference*/} +## Справочник {/*reference*/} ### `addTransitionType` {/*addtransitiontype*/} -#### Parameters {/*parameters*/} +#### Параметры {/*parameters*/} -- `type`: The type of transition to add. This can be any string. +- `type`: Тип добавляемого перехода. Может быть любой строкой. -#### Returns {/*returns*/} +#### Возвращаемое значение {/*returns*/} -`startTransition` does not return anything. +`startTransition` ничего не возвращает. -#### Caveats {/*caveats*/} +#### Ограничения {/*caveats*/} -- If multiple transitions are combined, all Transition Types are collected. You can also add more than one type to a Transition. -- Transition Types are reset after each commit. This means a `` fallback will associate the types after a `startTransition`, but revealing the content does not. +- Если объединено несколько переходов, собираются все типы переходов. Вы также можете добавить более одного типа к переходу. +- Типы переходов сбрасываются после каждого коммита. Это означает, что запасной вариант `` будет ассоциировать типы после `startTransition`, но раскрытие содержимого — нет. --- -## Usage {/*usage*/} +## Использование {/*usage*/} -### Adding the cause of a transition {/*adding-the-cause-of-a-transition*/} +### Добавление причины перехода {/*adding-the-cause-of-a-transition*/} -Call `addTransitionType` inside of `startTransition` to indicate the cause of a transition: +Вызовите `addTransitionType` внутри `startTransition`, чтобы указать причину перехода: ``` [[1, 6, "unstable_addTransitionType"], [2, 5, "startTransition", [3, 6, "'submit-click'"]] import { startTransition, unstable_addTransitionType } from 'react'; @@ -76,22 +76,22 @@ function Submit({action) { ``` -When you call addTransitionType inside the scope of startTransition, React will associate submit-click as one of the causes for the Transition. +Когда вы вызываете addTransitionType внутри области видимости startTransition, React будет ассоциировать submit-click как одну из причин перехода. -Currently, Transition Types can be used to customize different animations based on what caused the Transition. You have three different ways to choose from for how to use them: +В настоящее время типы переходов могут использоваться для настройки различных анимаций в зависимости от того, что вызвало переход. У вас есть три варианта выбора того, как их использовать: -- [Customize animations using browser view transition types](#customize-animations-using-browser-view-transition-types) -- [Customize animations using `View Transition` Class](#customize-animations-using-view-transition-class) -- [Customize animations using `ViewTransition` events](#customize-animations-using-viewtransition-events) +- [Настройка анимаций с использованием типов переходов браузера](#customize-animations-using-browser-view-transition-types) +- [Настройка анимаций с использованием класса `View Transition`](#customize-animations-using-view-transition-class) +- [Настройка анимаций с использованием событий `ViewTransition`](#customize-animations-using-viewtransition-events) -In the future, we plan to support more use cases for using the cause of a transition. +В будущем мы планируем поддерживать больше сценариев использования причины перехода. --- -### Customize animations using browser view transition types {/*customize-animations-using-browser-view-transition-types*/} +### Настройка анимаций с использованием типов переходов браузера {/*customize-animations-using-browser-view-transition-types*/} -When a [`ViewTransition`](/reference/react/ViewTransition) activates from a transition, React adds all the Transition Types as browser [view transition types](https://www.w3.org/TR/css-view-transitions-2/#active-view-transition-pseudo-examples) to the element. +Когда [`ViewTransition`](/reference/react/ViewTransition) активируется из перехода, React добавляет все типы переходов в качестве браузерных [типов переходов представления](https://www.w3.org/TR/css-view-transitions-2/#active-view-transition-pseudo-examples) к элементу. -This allows you to customize different animations based on CSS scopes: +Это позволяет настраивать различные анимации на основе CSS-областей: ```js [11] function Component() { @@ -118,9 +118,9 @@ startTransition(() => { --- -### Customize animations using `View Transition` Class {/*customize-animations-using-view-transition-class*/} +### Настройка анимаций с использованием класса `View Transition` {/*customize-animations-using-view-transition-class*/} -You can customize animations for an activated `ViewTransition` based on type by passing an object to the View Transition Class: +Вы можете настраивать анимации для активированного `ViewTransition` на основе типа, передавая объект в класс View Transition: ```js function Component() { @@ -140,9 +140,9 @@ startTransition(() => { }); ``` -If multiple types match, then they're joined together. If no types match then the special "default" entry is used instead. If any type has the value "none" then that wins and the ViewTransition is disabled (not assigned a name). +Если несколько типов совпадают, они объединяются. Если ни один тип не совпадает, используется специальная запись "default". Если какой-либо тип имеет значение "none", то он выигрывает, и ViewTransition отключается (не получает имени). -These can be combined with enter/exit/update/layout/share props to match based on kind of trigger and Transition Type. +Их можно комбинировать со свойствами enter/exit/update/layout/share для сопоставления на основе типа триггера и типа перехода. ```js { @@ -173,10 +173,10 @@ You can imperatively customize animations for an activated `ViewTransition` base }}> ``` -This allows you to pick different imperative Animations based on the cause. +Это позволяет выбирать различные императивные анимации в зависимости от причины. --- -## Troubleshooting {/*troubleshooting*/} +## Устранение неполадок {/*troubleshooting*/} -### TODO {/*todo2*/} +### TODO {/*todo2*/} \ No newline at end of file From 83463289feaca768f6397bc322976c7bff6719e0 Mon Sep 17 00:00:00 2001 From: "translate-react-bot[bot]" <251169733+translate-react-bot[bot]@users.noreply.github.com> Date: Mon, 18 May 2026 16:28:39 +0000 Subject: [PATCH 2/2] =?UTF-8?q?docs:=20translate=20`addTransitionType.md`?= =?UTF-8?q?=20to=20=D0=A0=D1=83=D1=81=D1=81=D0=BA=D0=B8=D0=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/content/reference/react/addTransitionType.md | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/src/content/reference/react/addTransitionType.md b/src/content/reference/react/addTransitionType.md index 674f13d33e..b31e501dd0 100644 --- a/src/content/reference/react/addTransitionType.md +++ b/src/content/reference/react/addTransitionType.md @@ -2,10 +2,9 @@ title: unstable_addTransitionType version: experimental --- - -**Этот API является экспериментальным и еще недоступен в стабильной версии React.** +**Этот API является экспериментальным и пока недоступен в стабильной версии React.** Вы можете попробовать его, обновив пакеты React до последней экспериментальной версии: @@ -41,13 +40,13 @@ startTransition(() => { #### Параметры {/*parameters*/} -- `type`: Тип добавляемого перехода. Может быть любой строкой. +- `type`: Тип перехода для добавления. Может быть любой строкой. #### Возвращаемое значение {/*returns*/} `startTransition` ничего не возвращает. -#### Ограничения {/*caveats*/} +#### Особенности {/*caveats*/} - Если объединено несколько переходов, собираются все типы переходов. Вы также можете добавить более одного типа к переходу. - Типы переходов сбрасываются после каждого коммита. Это означает, что запасной вариант `` будет ассоциировать типы после `startTransition`, но раскрытие содержимого — нет. @@ -76,7 +75,7 @@ function Submit({action) { ``` -Когда вы вызываете addTransitionType внутри области видимости startTransition, React будет ассоциировать submit-click как одну из причин перехода. +Когда вы вызываете addTransitionType в области видимости startTransition, React будет ассоциировать submit-click как одну из причин перехода. В настоящее время типы переходов могут использоваться для настройки различных анимаций в зависимости от того, что вызвало переход. У вас есть три варианта выбора того, как их использовать: @@ -140,7 +139,7 @@ startTransition(() => { }); ``` -Если несколько типов совпадают, они объединяются. Если ни один тип не совпадает, используется специальная запись "default". Если какой-либо тип имеет значение "none", то он выигрывает, и ViewTransition отключается (не получает имени). +Если совпадает несколько типов, они объединяются. Если типы не совпадают, используется специальная запись "default". Если какой-либо тип имеет значение "none", то он имеет приоритет, и ViewTransition отключается (не получает имени). Их можно комбинировать со свойствами enter/exit/update/layout/share для сопоставления на основе типа триггера и типа перехода.