{"_id":"@-ft/react-portal","_rev":"1-c967a46cccee4a629829d89e615e04ae","name":"@-ft/react-portal","dist-tags":{"latest":"0.0.10"},"versions":{"0.0.9":{"description":"The real React Portal, not a ReactDOM Portal","name":"@-ft/react-portal","version":"0.0.9","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-react-portal.git"},"dependencies":{"@-ft/use-persist":"^0.1.0","@-ft/use-rerender":"^0.1.0","@-ft/watch-target-react":"^0.0.9"},"peerDependencies":{"react":"^18.2.0"},"_id":"@-ft/react-portal@0.0.9","types":"./index.d.ts","bugs":{"url":"https://github.com/42ts/-ft-react-portal/issues"},"homepage":"https://github.com/42ts/-ft-react-portal#readme","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-TfQSwIyWGNUil3vsL+voVlBEgGCeiHMfwBj9vi8AzQzjmLNIkQ3c3CqABTZfNXv6kO1k9GAGkS3Yu4BJzQkZcw==","shasum":"16aa813cacd84104395dedfb582b8e0d1e6124f3","tarball":"https://registry.npmjs.org/@-ft/react-portal/-/react-portal-0.0.9.tgz","fileCount":4,"unpackedSize":3245,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEGC1ueAK5azJqUEzQM58AtbFsQMcdmw9YwQ+9Qy01zUAiAFdM3rzuU+sOnBub/TzSHw6c7V2HEeAkuK3cVnhsCgVA=="}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-portal_0.0.9_1717505512205_0.43416332687572434"},"_hasShrinkwrap":false},"0.0.10":{"description":"The real React Portal, not a ReactDOM Portal","name":"@-ft/react-portal","version":"0.0.10","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-react-portal.git"},"dependencies":{"@-ft/watch-target-react":"^0.0.9"},"peerDependencies":{"react":"^18.2.0"},"_id":"@-ft/react-portal@0.0.10","gitHead":"4d234de0835176ed022bc637b1b2fa4930b0a22a","types":"./index.d.ts","bugs":{"url":"https://github.com/42ts/-ft-react-portal/issues"},"homepage":"https://github.com/42ts/-ft-react-portal#readme","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-lS6rbtN3PPwFGc5xywPAaMH+nQs5IcYFz74ELPTPawJUdgST+KAJa7+Wv2olEdy/ZtK9SpK7bOxP81dAwmWyLw==","shasum":"1dfe0565a8e1effdea134b79c7ea8a1027ac3a6e","tarball":"https://registry.npmjs.org/@-ft/react-portal/-/react-portal-0.0.10.tgz","fileCount":4,"unpackedSize":3189,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJdJCTExtYT2dQ1J/NCxT5cg3PRDNE3i+LtvGAqwDJEAIgBUVu7fnUuvJM0m7GGDq18Wu+VloUc3YmNgbw3oZy6YE="}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-portal_0.0.10_1717564697397_0.16593085222842152"},"_hasShrinkwrap":false}},"time":{"created":"2024-06-04T12:51:51.991Z","0.0.9":"2024-06-04T12:51:52.339Z","modified":"2024-06-05T05:18:17.715Z","0.0.10":"2024-06-05T05:18:17.526Z"},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"description":"The real React Portal, not a ReactDOM Portal","homepage":"https://github.com/42ts/-ft-react-portal#readme","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-react-portal.git"},"author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"bugs":{"url":"https://github.com/42ts/-ft-react-portal/issues"},"license":"MIT","readme":"# `react-portal` - The real React Portal, not a ReactDOM Portal\n\nInject React node into any position in React tree.\n\n## Usage\n\n```jsx\nimport { usePortal } from '@-ft/react-portal';\n\nfunction MyPage({ children }) {\n  const { append, PortalOut } = usePortal();\n\n  return (\n    <Layout>\n      <SomeOtherComponent>\n        <MyComponent append={append} />\n      </SomeOtherComponent>\n      <PortalOut />\n    </Layout>\n  );\n}\n\nfunction MyComponent({ append }) {\n  return (\n    <PortalIn append={append}>\n      <DirectBottomOfLayout />\n    </PortalIn>\n  );\n}\n```\n","readmeFilename":"README.md"}