{"_id":"@goldpage/react","_rev":"41-8ffe02352dd961e7b87f4062009a1148","name":"@goldpage/react","dist-tags":{"latest":"0.5.13"},"versions":{"0.5.0":{"name":"@goldpage/react","version":"0.5.0","@brillout/autoload":true,"dependencies":{"@goldpage/html":"0.5.0","@goldpage/render-react":"0.5.0","@goldpage/webpack-react":"0.5.0"},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/reframejs/goldpage.git"},"gitHead":"71a1a4d54bc06858541687db32a4367ad532604c","description":"\n\nGoldpage + React = :heart:\n\n# `@goldpage/react`\n\nUse Goldpage with [React](https://github.com/facebook/react).\n\n### Usage\n\nInstall `@goldpage/react`.\n\n~~~shell\n$ npm install @goldpage/react\n~~~\n\nThe plugin is automatically loaded and\nthe `view` property of your page configs is now rendered with React.\n\n### Example\n\n~~~js\n// /examples/basics/pages/repos/repos.page.js\n\n// We use React but Goldpage also works with Vue, RNW, ...\nimport React from 'react';\n\nimport getRepositories from './data/getRepositories';\n\nimport RepoList from './views/RepoList';\nimport Counter from './views/Counter';\n\n// The page config:\nexport default {\n route: '/repos/:username',\n addInitialProps,\n view: Repos,\n title,\n renderToHtml: true,\n};\n\n// `getRepositories(username)` uses the GitHub API\n// to load the repositories of `username`.\n// `addInitialProps` makes `repositories` available\n// to `view`.\nasync function addInitialProps({username}) {\n const repositories = await getRepositories(username);\n return {repositories};\n}\n\nfunction Repos({username, repositories}) {\n return (\n \n Hello {username},\n\n
\n Your repositories are:\n \n\n
\n This page is interactive:\n \n
\n );\n}\n\nfunction title({username, repositories}) {\n return (\n username+' repositories ('+repositories.length+')'\n );\n}\n~~~\n\n\n","readmeFilename":"readme.md","description":"\n\nGoldpage + React = :heart:\n\n# `@goldpage/react`\n\nUse Goldpage with [React](https://github.com/facebook/react).\n\n### Usage\n\nInstall `@goldpage/react`.\n\n~~~shell\n$ npm install @goldpage/react\n~~~\n\nThe plugin is automatically loaded and\nthe `view` property of your page configs is now rendered with React.\n\n### Example\n\n~~~js\n// /examples/basics/pages/repos/repos.page.js\n\n// We use React but Goldpage also works with Vue, RNW, ...\nimport React from 'react';\n\nimport getRepositories from './data/getRepositories';\n\nimport RepoList from './views/RepoList';\nimport Counter from './views/Counter';\n\n// The page config:\nexport default {\n route: '/repos/:username',\n addInitialProps,\n view: Repos,\n title,\n renderToHtml: true,\n};\n\n// `getRepositories(username)` uses the GitHub API\n// to load the repositories of `username`.\n// `addInitialProps` makes `repositories` available\n// to `view`.\nasync function addInitialProps({username}) {\n const repositories = await getRepositories(username);\n return {repositories};\n}\n\nfunction Repos({username, repositories}) {\n return (\n \n Hello {username},\n\n
\n Your repositories are:\n \n\n
\n This page is interactive:\n \n
\n );\n}\n\nfunction title({username, repositories}) {\n return (\n username+' repositories ('+repositories.length+')'\n );\n}\n~~~\n\n\n","readmeFilename":"readme.md"}