文件名称:react-universal-component:a React Universal组件的最终答案:同步SSR +代码拆分
文件大小:757KB
文件格式:ZIP
更新时间:2024-03-15 02:48:13
JavaScript
React通用组件 :bottle_with_popping_cork: :bottle_with_popping_cork: :bottle_with_popping_cork: :rocket: :rocket: :rocket: 介绍 对于“高级用户”而言,传统的SPA已死。 如果您不是在服务器上进行通用渲染,则有可能使搜索引擎的可见性受阻。 就目前而言,SEO和客户端渲染与SSR不匹配。 即使许多搜索引擎声称可提供更好的SPA索引,但仍有许多警告。 服务器端渲染很重要: 真正的问题是同时进行SSR +拆分。 如果您曾经尝试过这样做,您就会知道。 这是一种将所有内容整合在一起的独特解决方案。 这是您将需要的最终React通用组件,它看起来像这样: import universal from 'react-universal-component' const UniversalComponent = universal ( props => import ( `./ ${ props . page } ` ) ) export default ( ) =>
【文件预览】:
react-universal-component-master
----universal-graphic.png(29KB)
----.flowconfig(440B)
----.github()
--------CODEOWNERS(65B)
----yarn.lock(303KB)
----server.js(298B)
----.eslintrc.js(3KB)
----server.d.ts(172B)
----src()
--------flowTypes.js(3KB)
--------report-chunks.js(563B)
--------helpers.js(894B)
--------context.js(121B)
--------utils.js(3KB)
--------requireById()
--------index.js(7KB)
--------requireUniversalModule.js(5KB)
----.babelrc(113B)
----__test-helpers__()
--------createApp.js(2KB)
--------index.js(3KB)
----react-router-quote.png(171KB)
----flow-typed()
--------webpack.js(105B)
----.npmignore(224B)
----.codeclimate.yml(475B)
----.travis.yml(795B)
----LICENSE(1KB)
----wallaby.js(761B)
----__tests__()
--------utils.js(2KB)
--------__snapshots__()
--------index.js(23KB)
--------requireUniversalModule.js(11KB)
----README.md(26KB)
----index.d.ts(7KB)
----tests-screenshot-2.png(222KB)
----tests-screenshot-1.png(229KB)
----__fixtures__()
--------component.js(94B)
--------component.es5.js(78B)
--------es6.js(48B)
--------component3.js(73B)
--------es5.js(38B)
--------component2.js(73B)
----.editorconfig(185B)
----.gitignore(58B)
----.eslintignore(34B)
----package.json(3KB)