Effortlessly Reparent DOM Nodes with React-Reverse-Portal: Lightweight and Efficient Rendering for React 16+
Summary of my bookmarked Github repositories from Mar 26th, 2023
React-Reverse-Portal is a library that enables you to render elements in one location within your React component hierarchy and then move them to a different location without re-rendering. It allows you to reparent DOM nodes, preserving internal state and built-in state of elements. Additionally, it supports rendering expensive elements once and reusing them later. The library is lightweight, works with React 16+, and is written in TypeScript. It provides InPortal and OutPortal components to facilitate the rendering and placement of content. Examples are available to demonstrate its usage.