react-isomorphic-example:使用 React 和 Express 的同构应用示例

时间:2021-06-21 11:14:25
【文件属性】:
文件名称:react-isomorphic-example:使用 React 和 Express 的同构应用示例
文件大小:7KB
文件格式:ZIP
更新时间:2021-06-21 11:14:25
JavaScript React同构示例 这是从同构应用程序开始的示例。 它基于我们的 ,可以在服务器端预渲染应用程序。 它使用和 。 前端采用内置,和 。 这个怎么运作 React 为我们提供了在服务器端预渲染应用程序的可能性,以便在执行为应用程序添加交互性的客户端脚本之前将完整的标记提供给客户端。 这个概念不仅可以实现更好的性能,而且对 SEO 很有用,因为搜索引擎的爬虫可以根据请求查看一些东西。 在此示例中,标记是使用server.js文件中的通用快速服务器提供的,该文件是应用程序的入口点。 使用 React,服务器呈现index.jsx文件,该文件可以在 /app 文件夹中找到。 此文件包含应用程序的 HTML 并包含应用程序的其他组件。 作为起点, app/scripts/app.jsx文件被渲染到标记的主体中。 您可以开始添加更多组件并像往常一样使用 React 构建您的应用程序。 dist
【文件预览】:
react-isomorphic-example-master
----server.js(492B)
----webpack.config.js(528B)
----gulpfile.js(2KB)
----README.md(3KB)
----nodemon.json(83B)
----.gitignore(63B)
----app()
--------images()
--------scripts()
--------index.jsx(713B)
--------stylus()
----package.json(1KB)

网友评论