文件名称：react-isomorphic-app:从 React-Server-Example 构建的同构 ReactFlux 应用程序
文件大小：12KB
文件格式：ZIP
更新时间：2024-07-13 14:43:01
JavaScript
React同构应用程序 这是一个简单的同构 React/Flux 应用程序，使用 MongoDB 进行存储，使用 React-Router 进行客户端路由。 这个应用程序是基于构建的 在这个应用程序中，我们使用 React-Router 在请求进入时执行路由的服务器端渲染。此时，我们为用户提供渲染的 html。 在渲染的 html 中，我们为带有 React 和 React-Router 的完整捆绑 JS 提供了一个脚本标签，以加载响应式应用程序 JS。 我们在这里做的另一件事是将我们从数据库加载的数据包装到我们预渲染的 html 中。 然后，当我们的存储加载到客户端时，它会检查数据并将其加载到存储中。 这允许我们的 React 视图访问我们在服务器和客户端上从 MongoDB 加载的数据。 最终结果？ 我们的应用加载速度非常快，因为我们只是在开始时提交了一个 html 页面 我们
【文件预览】：
react-isomorphic-app-master
----client()
--------generateIndexHtml.js(659B)
----dispatcher()
--------appDispatcher.js(68B)
----index.js(132B)
----Gulpfile.js(1KB)
----package.json(2KB)
----constants()
--------todoConstants.js(59B)
----db()
--------index.js(209B)
--------todo.model.js(267B)
----server.js(489B)
----routes()
--------appRoutes.js(738B)
--------todoRoutes.js(354B)
----Procfile(19B)
----LICENSE(1KB)
----.npmignore(23B)
----.gitignore(73B)
----controller()
--------todoController.js(195B)
----jsx()
--------Router.js(511B)
--------TodoView.js(2KB)
--------Custom.js(170B)
----scss()
--------_reset.scss(50B)
--------base.scss(469B)
----stores()
--------todoStore.js(1KB)
----README.md(2KB)
----actions()
--------todoActions.js(732B)