{"library":"react-teleporter","type":"library","category":null,"description":"React Teleporter is a library designed for seamlessly moving or \"teleporting\" React components within the same React component tree. Unlike standard React Portals, which can render children into a different DOM node outside the current DOM hierarchy, `react-teleporter` maintains the logical connection within the same React tree. This distinction simplifies state and context management, as components remain within their original React context, making it ideal for managing complex layouts where content needs to appear in a different visual location than where it's defined. Inspired by the configuration philosophy of `react-helmet`, it allows for configuring parts of an application from a separate, perhaps deeply nested, location. The current stable version is 3.2.0, with regular minor and patch releases to support new React versions (currently up to React 19) and add features like `function as children` for `Source` components. Major versions, such as v3.0.0, introduce significant breaking changes, notably the transition to an ESM-only distribution. The library exports `createTeleporter`, which generates a `Source` and `Target` pair, enabling content defined within a `Source` component to be rendered at the `Target`'s designated position.","language":"javascript","status":"active","version":"3.2.0","tags":["javascript","react","portal","teleport","tunnel","typescript"],"install":[{"cmd":"npm install react-teleporter","imports":["import { createTeleporter } from 'react-teleporter'","import Teleporter from 'react-teleporter'","const MyTeleporter = createTeleporter(); <MyTeleporter.Source>...</MyTeleporter.Source>","const MyTeleporter = createTeleporter(); <MyTeleporter.Target />"]},{"cmd":"yarn add react-teleporter","imports":[]},{"cmd":"pnpm add react-teleporter","imports":[]}],"homepage":null,"github":"https://github.com/gregberge/react-teleporter","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/react-teleporter","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/react-teleporter/compatibility"},"provenance":{"verified_status":null,"verified_at":null,"last_verified":"Wed Jun 17","next_check":"Sat Jul 18","install_tag":null}}