Skip to content
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
update README with detailed descriptions for undocumented declarations
  • Loading branch information
dhruvikpatel18 committed Sep 5, 2025
commit 74c61332fc0319474e8df2078a76561fa26d7741
67 changes: 59 additions & 8 deletions packages/element/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -118,7 +118,16 @@ _Returns_

### createPortal

Undocumented declaration.
Creates a portal into which a component can be rendered.

_Related_

- <https://github.com/facebook/react/issues/10309#issuecomment-318433235>

_Parameters_

- _child_ `import('react').ReactElement`: Any renderable child, such as an element, string, or fragment.
- _container_ `HTMLElement`: DOM node into which element should be rendered.

### createRef

Expand All @@ -130,15 +139,31 @@ _Returns_

### createRoot

Undocumented declaration.
Creates a new React root for the target DOM node.

_Related_

- <https://react.dev/reference/react-dom/client/createRoot>

_Changelog_

`6.2.0` Introduced in WordPress core.

### findDOMNode

Undocumented declaration.
Finds the dom node of a React component.

_Parameters_

- _component_ `import('react').ComponentType`: Component's instance.

### flushSync

Undocumented declaration.
Forces React to flush any updates inside the provided callback synchronously.

_Parameters_

- _callback_ `Function`: Callback to run synchronously.

### forwardRef

Expand All @@ -158,11 +183,25 @@ A component which renders its children without any wrapping element.

### hydrate

Undocumented declaration.
> **Deprecated** since WordPress 6.2.0. Use `hydrateRoot` instead.

Hydrates a given element into the target DOM node.

_Related_

- <https://react.dev/reference/react-dom/hydrate>

### hydrateRoot

Undocumented declaration.
Creates a new React root for the target DOM node and hydrates it with a pre-generated markup.

_Related_

- <https://react.dev/reference/react-dom/client/hydrateRoot>

_Changelog_

`6.2.0` Introduced in WordPress core.

### isEmptyElement

Expand Down Expand Up @@ -259,7 +298,13 @@ _Returns_

### render

Undocumented declaration.
> **Deprecated** since WordPress 6.2.0. Use `createRoot` instead.

Renders a given element into the target DOM node.

_Related_

- <https://react.dev/reference/react-dom/render>

### renderToString

Expand Down Expand Up @@ -302,7 +347,13 @@ _Returns_

### unmountComponentAtNode

Undocumented declaration.
> **Deprecated** since WordPress 6.2.0. Use `root.unmount()` instead.

Removes any mounted element from the target DOM node.

_Related_

- <https://react.dev/reference/react-dom/unmountComponentAtNode>

### useCallback

Expand Down
116 changes: 57 additions & 59 deletions packages/element/src/react-platform.ts
Original file line number Diff line number Diff line change
Expand Up @@ -11,69 +11,67 @@ import {
} from 'react-dom';
import { createRoot, hydrateRoot } from 'react-dom/client';

export {
/**
* Creates a portal into which a component can be rendered.
*
* @see https://github.com/facebook/react/issues/10309#issuecomment-318433235
*
* @param child Any renderable child, such as an element,
* string, or fragment.
* @param container DOM node into which element should be rendered.
*/
createPortal,
/**
* Creates a portal into which a component can be rendered.
*
* @see https://github.com/facebook/react/issues/10309#issuecomment-318433235
*
* @param {import('react').ReactElement} child Any renderable child, such as an element,
* string, or fragment.
* @param {HTMLElement} container DOM node into which element should be rendered.
*/
export { createPortal };

/**
* Finds the DOM node of a React component.
*
* @param component Component's instance.
*/
findDOMNode,
/**
* Finds the dom node of a React component.
*
* @param {import('react').ComponentType} component Component's instance.
*/
export { findDOMNode };

/**
* Forces React to flush any updates inside the provided callback synchronously.
*
* @param callback Callback to run synchronously.
*/
flushSync,
/**
* Forces React to flush any updates inside the provided callback synchronously.
*
* @param {Function} callback Callback to run synchronously.
*/
export { flushSync };

/**
* Renders a given element into the target DOM node.
*
* @deprecated since WordPress 6.2.0. Use `createRoot` instead.
* @see https://react.dev/reference/react-dom/render
*/
render,
/**
* Renders a given element into the target DOM node.
*
* @deprecated since WordPress 6.2.0. Use `createRoot` instead.
* @see https://react.dev/reference/react-dom/render
*/
export { render };

/**
* Hydrates a given element into the target DOM node.
*
* @deprecated since WordPress 6.2.0. Use `hydrateRoot` instead.
* @see https://react.dev/reference/react-dom/hydrate
*/
hydrate,
/**
* Hydrates a given element into the target DOM node.
*
* @deprecated since WordPress 6.2.0. Use `hydrateRoot` instead.
* @see https://react.dev/reference/react-dom/hydrate
*/
export { hydrate };

/**
* Creates a new React root for the target DOM node.
*
* @since 6.2.0 Introduced in WordPress core.
* @see https://react.dev/reference/react-dom/client/createRoot
*/
createRoot,
/**
* Creates a new React root for the target DOM node.
*
* @since 6.2.0 Introduced in WordPress core.
* @see https://react.dev/reference/react-dom/client/createRoot
*/
export { createRoot };

/**
* Creates a new React root for the target DOM node and hydrates it with a pre-generated markup.
*
* @since 6.2.0 Introduced in WordPress core.
* @see https://react.dev/reference/react-dom/client/hydrateRoot
*/
hydrateRoot,
/**
* Creates a new React root for the target DOM node and hydrates it with a pre-generated markup.
*
* @since 6.2.0 Introduced in WordPress core.
* @see https://react.dev/reference/react-dom/client/hydrateRoot
*/
export { hydrateRoot };

/**
* Removes any mounted element from the target DOM node.
*
* @deprecated since WordPress 6.2.0. Use `root.unmount()` instead.
* @see https://react.dev/reference/react-dom/unmountComponentAtNode
*/
unmountComponentAtNode,
};
/**
* Removes any mounted element from the target DOM node.
*
* @deprecated since WordPress 6.2.0. Use `root.unmount()` instead.
* @see https://react.dev/reference/react-dom/unmountComponentAtNode
*/
export { unmountComponentAtNode };
Loading