{instance = current}} />
```
-The original code returned the instance of the `HTMLDivElement` and TypeScript wouldn't know if this was supposed to be a cleanup function or not.
+Исходный код возвращал экземпляр `HTMLDivElement`, и TypeScript не знал, предназначалась ли это функция очистки или нет.
-### `useRef` requires an argument {/*useref-requires-argument*/}
+### `useRef` требует аргумент {/*useref-requires-argument*/}
-_This change is included in the `react-19` codemod preset as [`refobject-defaults`](https://github.com/eps1lon/types-react-codemod/#refobject-defaults)._
+_Это изменение включено в пресет codemod `react-19` как [`refobject-defaults`](https://github.com/eps1lon/types-react-codemod/#refobject-defaults)._
-A long-time complaint of how TypeScript and React work has been `useRef`. We've changed the types so that `useRef` now requires an argument. This significantly simplifies its type signature. It'll now behave more like `createContext`.
+Долгое время жаловались на то, как TypeScript и React работают с `useRef`. Мы изменили типы так, что `useRef` теперь требует аргумент. Это значительно упрощает его сигнатуру типа. Теперь он будет вести себя больше как `createContext`.
```ts
-// @ts-expect-error: Expected 1 argument but saw none
+// @ts-expect-error: Ожидался 1 аргумент, но не было предоставлено
useRef();
-// Passes
+// Проходит
useRef(undefined);
-// @ts-expect-error: Expected 1 argument but saw none
+// @ts-expect-error: Ожидался 1 аргумент, но не было предоставлено
createContext();
-// Passes
+// Проходит
createContext(undefined);
```
-This now also means that all refs are mutable. You'll no longer hit the issue where you can't mutate a ref because you initialised it with `null`:
+Теперь это также означает, что все `ref` являются изменяемыми. Вы больше не столкнётесь с проблемой, когда не можете изменить `ref`, потому что инициализировали его с помощью `null`:
```ts
const ref = useRef
(null);
-// Cannot assign to 'current' because it is a read-only property
+// Нельзя присвоить значение 'current', потому что это свойство только для чтения
ref.current = 1;
```
-`MutableRef` is now deprecated in favor of a single `RefObject` type which `useRef` will always return:
+`MutableRef` теперь устарел в пользу единого типа `RefObject`, который `useRef` всегда будет возвращать:
```ts
interface RefObject {
@@ -649,36 +648,36 @@ interface RefObject {
declare function useRef: RefObject
```
-`useRef` still has a convenience overload for `useRef(null)` that automatically returns `RefObject`. To ease migration due to the required argument for `useRef`, a convenience overload for `useRef(undefined)` was added that automatically returns `RefObject`.
+`useRef` по-прежнему имеет удобную перегрузку для `useRef(null)`, которая автоматически возвращает `RefObject`. Чтобы облегчить миграцию из-за обязательного аргумента для `useRef`, была добавлена удобная перегрузка для `useRef(undefined)`, которая автоматически возвращает `RefObject`.
-Check out [[RFC] Make all refs mutable](https://github.com/DefinitelyTyped/DefinitelyTyped/pull/64772) for prior discussions about this change.
+Ознакомьтесь с [[RFC] Сделать все `ref` изменяемыми](https://github.com/DefinitelyTyped/DefinitelyTyped/pull/64772) для предварительного обсуждения этого изменения.
-### Changes to the `ReactElement` TypeScript type {/*changes-to-the-reactelement-typescript-type*/}
+### Изменения в типе `ReactElement` TypeScript {/*changes-to-the-reactelement-typescript-type*/}
-_This change is included in the [`react-element-default-any-props`](https://github.com/eps1lon/types-react-codemod#react-element-default-any-props) codemod._
+_Это изменение включено в codemod [`react-element-default-any-props`](https://github.com/eps1lon/types-react-codemod#react-element-default-any-props)._
-The `props` of React elements now default to `unknown` instead of `any` if the element is typed as `ReactElement`. This does not affect you if you pass a type argument to `ReactElement`:
+`props` React-элементов теперь по умолчанию `unknown` вместо `any`, если элемент типизирован как `ReactElement`. Это не повлияет на вас, если вы передаёте аргумент типа в `ReactElement`:
```ts
type Example2 = ReactElement<{ id: string }>["props"];
// ^? { id: string }
```
-But if you relied on the default, you now have to handle `unknown`:
+Но если вы полагались на значение по умолчанию, теперь вам придётся обрабатывать `unknown`:
```ts
type Example = ReactElement["props"];
-// ^? Before, was 'any', now 'unknown'
+// ^? Раньше было 'any', теперь 'unknown'
```
-You should only need it if you have a lot of legacy code relying on unsound access of element props. Element introspection only exists as an escape hatch, and you should make it explicit that your props access is unsound via an explicit `any`.
+Вам это понадобится только в том случае, если у вас много устаревшего кода, полагающегося на некорректный доступ к пропсам элемента. Интроспекция элементов существует только как крайняя мера, и вы должны явно указывать, что ваш доступ к пропсам некорректен, с помощью явного `any`.
-### The JSX namespace in TypeScript {/*the-jsx-namespace-in-typescript*/}
-This change is included in the `react-19` codemod preset as [`scoped-jsx`](https://github.com/eps1lon/types-react-codemod#scoped-jsx)
+### Пространство имён JSX в TypeScript {/*the-jsx-namespace-in-typescript*/}
+Это изменение включено в пресет codemod `react-19` как [`scoped-jsx`](https://github.com/eps1lon/types-react-codemod#scoped-jsx)
-A long-time request is to remove the global `JSX` namespace from our types in favor of `React.JSX`. This helps prevent pollution of global types which prevents conflicts between different UI libraries that leverage JSX.
+Давний запрос — удалить глобальное пространство имён `JSX` из наших типов в пользу `React.JSX`. Это помогает предотвратить загрязнение глобальных типов, что предотвращает конфликты между различными библиотеками пользовательского интерфейса, использующими JSX.
-You'll now need to wrap module augmentation of the JSX namespace in `declare module "....":
+Теперь вам нужно будет обернуть дополнение модуля пространства имён JSX в `declare module "....":`
```diff
// global.d.ts
@@ -693,62 +692,62 @@ You'll now need to wrap module augmentation of the JSX namespace in `declare mod
+ }
```
-The exact module specifier depends on the JSX runtime you specified in the `compilerOptions` of your `tsconfig.json`:
+Точный спецификатор модуля зависит от JSX-рантайма, который вы указали в `compilerOptions` вашего `tsconfig.json`:
-- For `"jsx": "react-jsx"` it would be `react/jsx-runtime`.
-- For `"jsx": "react-jsxdev"` it would be `react/jsx-dev-runtime`.
-- For `"jsx": "react"` and `"jsx": "preserve"` it would be `react`.
+- Для `"jsx": "react-jsx"` это будет `react/jsx-runtime`.
+- Для `"jsx": "react-jsxdev"` это будет `react/jsx-dev-runtime`.
+- Для `"jsx": "react"` и `"jsx": "preserve"` это будет `react`.
-### Better `useReducer` typings {/*better-usereducer-typings*/}
+### Улучшенные типы `useReducer` {/*better-usereducer-typings*/}
-`useReducer` now has improved type inference thanks to [@mfp22](https://github.com/mfp22).
+`useReducer` теперь имеет улучшенное выведение типов благодаря [@mfp22](https://github.com/mfp22).
-However, this required a breaking change where `useReducer` doesn't accept the full reducer type as a type parameter but instead either needs none (and rely on contextual typing) or needs both the state and action type.
+Однако это потребовало критического изменения, при котором `useReducer` не принимает полный тип редьюсера в качестве параметра типа, а вместо этого либо не требует никакого (и полагается на контекстное типирование), либо требует как тип состояния, так и тип действия.
-The new best practice is _not_ to pass type arguments to `useReducer`.
+Новая лучшая практика — _не_ передавать аргументы типа в `useReducer`.
```diff
- useReducer>(reducer)
+ useReducer(reducer)
```
-This may not work in edge cases where you can explicitly type the state and action, by passing in the `Action` in a tuple:
+Это может не работать в крайних случаях, когда вы можете явно типизировать состояние и действие, передав `Action` в виде кортежа:
```diff
- useReducer>(reducer)
+ useReducer(reducer)
```
-If you define the reducer inline, we encourage to annotate the function parameters instead:
+Если вы определяете редьюсер встраиваемо, мы рекомендуем вместо этого аннотировать параметры функции:
```diff
- useReducer>((state, action) => state)
+ useReducer((state: State, action: Action) => state)
```
-This is also what you'd also have to do if you move the reducer outside of the `useReducer` call:
+Это также то, что вам придётся сделать, если вы вынесете редьюсер за пределы вызова `useReducer`:
```ts
const reducer = (state: State, action: Action) => state;
```
-## Changelog {/*changelog*/}
+## Список изменений {/*changelog*/}
-### Other breaking changes {/*other-breaking-changes*/}
+### Другие критические изменения {/*other-breaking-changes*/}
-- **react-dom**: Error for javascript URLs in `src` and `href` [#26507](https://github.com/facebook/react/pull/26507)
-- **react-dom**: Remove `errorInfo.digest` from `onRecoverableError` [#28222](https://github.com/facebook/react/pull/28222)
-- **react-dom**: Remove `unstable_flushControlled` [#26397](https://github.com/facebook/react/pull/26397)
-- **react-dom**: Remove `unstable_createEventHandle` [#28271](https://github.com/facebook/react/pull/28271)
-- **react-dom**: Remove `unstable_renderSubtreeIntoContainer` [#28271](https://github.com/facebook/react/pull/28271)
-- **react-dom**: Remove `unstable_runWithPriority` [#28271](https://github.com/facebook/react/pull/28271)
-- **react-is**: Remove deprecated methods from `react-is` [28224](https://github.com/facebook/react/pull/28224)
+- **react-dom**: Ошибка для javascript URL в `src` и `href` [#26507](https://github.com/facebook/react/pull/26507)
+- **react-dom**: Удалён `errorInfo.digest` из `onRecoverableError` [#28222](https://github.com/facebook/react/pull/28222)
+- **react-dom**: Удалён `unstable_flushControlled` [#26397](https://github.com/facebook/react/pull/26397)
+- **react-dom**: Удалён `unstable_createEventHandle` [#28271](https://github.com/facebook/react/pull/28271)
+- **react-dom**: Удалён `unstable_renderSubtreeIntoContainer` [#28271](https://github.com/facebook/react/pull/28271)
+- **react-dom**: Удалён `unstable_runWithPriority` [#28271](https://github.com/facebook/react/pull/28271)
+- **react-is**: Удалены устаревшие методы из `react-is` [28224](https://github.com/facebook/react/pull/28224)
-### Other notable changes {/*other-notable-changes*/}
+### Другие заметные изменения {/*other-notable-changes*/}
-- **react**: Batch sync, default and continuous lanes [#25700](https://github.com/facebook/react/pull/25700)
-- **react**: Don't prerender siblings of suspended component [#26380](https://github.com/facebook/react/pull/26380)
-- **react**: Detect infinite update loops caused by render phase updates [#26625](https://github.com/facebook/react/pull/26625)
-- **react-dom**: Transitions in popstate are now synchronous [#26025](https://github.com/facebook/react/pull/26025)
-- **react-dom**: Remove layout effect warning during SSR [#26395](https://github.com/facebook/react/pull/26395)
-- **react-dom**: Warn and don’t set empty string for src/href (except anchor tags) [#28124](https://github.com/facebook/react/pull/28124)
+- **react**: Пакетные, синхронные, стандартные и непрерывные очереди [#25700](https://github.com/facebook/react/pull/25700)
+- **react**: Не предрендерить соседей приостановленного компонента [#26380](https://github.com/facebook/react/pull/26380)
+- **react**: Обнаружение бесконечных циклов обновлений, вызванных обновлениями в фазе рендеринга [#26625](https://github.com/facebook/react/pull/26625)
+- **react-dom**: Переходы в popstate теперь синхронны [#26025](https://github.com/facebook/react/pull/26025)
+- **react-dom**: Удалено предупреждение о `layout effect` во время SSR [#26395](https://github.com/facebook/react/pull/26395)
+- **react-dom**: Предупреждение и не установка пустой строки для src/href (кроме тегов ``) [#28124](https://github.com/facebook/react/pull/28124)
-For a full list of changes, please see the [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md#1900-december-5-2024).
+Полный список изменений см. в [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md#1900-december-5-2024).
---
-Thanks to [Andrew Clark](https://twitter.com/acdlite), [Eli White](https://twitter.com/Eli_White), [Jack Pope](https://github.com/jackpope), [Jan Kassens](https://github.com/kassens), [Josh Story](https://twitter.com/joshcstory), [Matt Carroll](https://twitter.com/mattcarrollcode), [Noah Lemen](https://twitter.com/noahlemen), [Sophie Alpert](https://twitter.com/sophiebits), and [Sebastian Silbermann](https://twitter.com/sebsilbermann) for reviewing and editing this post.
+Благодарим [Andrew Clark](https://twitter.com/acdlite), [Eli White](https://twitter.com/Eli_White), [Jack Pope](https://github.com/jackpope), [Jan Kassens](https://github.com/kassens), [Josh Story](https://twitter.com/joshcstory), [Matt Carroll](https://twitter.com/mattcarrollcode), [Noah Lemen](https://twitter.com/noahlemen), [Sophie Alpert](https://twitter.com/sophiebits) и [Sebastian Silbermann](https://twitter.com/sebsilbermann) за рецензирование и редактирование этой публикации.
\ No newline at end of file