`.\n\n```diff\n import React from 'react';\n+ import {Gateway} from 'react-gateway';\n\n export default class MyComponent extends React.Component {\n render() {\n return (\n \n+ \n+ Will render into the \"global\" gateway.\n+ \n
\n );\n }\n }\n```\n\nIf you want to customize the `` element, you can pass any props,\nincluding `component` (which will allows you to specify a `tagName` or custom\ncomponent), and they will be passed to the created element.\n\n```diff\n export default class Application extends React.Component {\n render() {\n return (\n \n \n {this.props.children}\n- \n+ \n
\n \n );\n }\n }\n```\n\n## How it works\n\nReact Gateway works very differently than most React \"portals\" in order to work\nin server-side rendered React applications.\n\nIt maintains an internal registry of \"containers\" and \"children\" which manages\nwhere things should be rendered.\n\nThis registry is created by `` and passed to `` and\n`` invisibly via React's `contextTypes`.\n\nWhenever a child or container is added or removed, React Gateway will\nupdate its internal registry and ensure things are properly rendered.\n\n## React Native example\n\nReact Gateway does not directly depend on `react-dom`, so it works fine with\nReact Native under one condition:\n\n**You must pass React Native component like `View` or similar to\n`component` prop of ``.**\n\nBecause if you don't, `` will try to render `div` element, which\nis not available.\n\n```js\nimport React from 'react';\nimport { Text, View } from 'react-native';\nimport {\n Gateway,\n GatewayDest,\n GatewayProvider\n} from 'react-gateway';\n\nexport default class Application extends React.Component {\n render() {\n return (\n \n \n React Gateway Native Example\n \n \n Text rendered elsewhere\n \n \n \n \n \n );\n }\n}\n```\n","maintainers":[{"email":"vojtech@miksu.cz","name":"miksu"},{"email":"wyuenho@gmail.com","name":"wyuenho"},{"email":"mark@cloudflare.com","name":"marksteyn"},{"email":"truongmt@gmail.com","name":"triggity"},{"email":"terinjokes@gmail.com","name":"terinjokes"},{"email":"john.wineman@gmail.com","name":"jwineman"},{"email":"andrew@akenn.org","name":"akenn"},{"email":"toekneestuck@gmail.com","name":"toekneestuck"},{"email":"me@thejameskyle.com","name":"thejameskyle"}],"time":{"modified":"2022-06-25T22:23:52.710Z","created":"2015-11-03T22:39:42.263Z","1.0.0":"2015-11-03T22:39:42.263Z","1.1.0":"2015-11-10T21:31:20.745Z","2.0.0":"2015-12-21T22:48:00.252Z","2.0.1":"2015-12-21T23:20:20.634Z","2.0.2":"2015-12-22T00:13:48.646Z","2.0.3":"2015-12-22T00:46:46.898Z","2.0.4":"2015-12-22T02:35:39.540Z","2.1.0":"2016-04-15T18:27:28.338Z","2.2.0":"2016-06-20T18:13:59.293Z","2.3.0":"2016-08-08T17:44:48.666Z","2.5.0":"2016-12-13T14:19:07.977Z","2.6.0":"2016-12-19T15:01:04.930Z","2.7.0":"2017-04-26T22:04:18.502Z","2.8.0":"2017-11-10T14:20:52.880Z","2.7.1":"2017-11-22T23:49:10.158Z","2.7.2":"2017-11-22T23:52:06.665Z","3.0.0":"2017-11-23T00:06:21.080Z"},"keywords":["react","gateway","portal","modal","dialog"],"author":{"name":"James Kyle","email":"me@thejameskyle.com"},"license":"BSD-3-Clause","readmeFilename":"README.md","homepage":"https://github.com/cloudflare/react-gateway#readme","repository":{"type":"git","url":"git+https://github.com/cloudflare/react-gateway.git"},"bugs":{"url":"https://github.com/cloudflare/react-gateway/issues"},"users":{"nelix":true}}