问题标签 [isomorphic-javascript]

我想知道如果我的应用程序正在呈现服务器端，如何使用 React Router 准确实现身份验证流程？

场景：

当用户第一次到达应用程序时，我们调用一个onEnter路由方法来检查是否有任何当前用户存在（localStorage），如果他们存在，我们会将他们重定向到他们的仪表板，否则我们将他们重定向到登录页面。

因此，当我的应用程序访问我的受保护路线onEnter时，理想情况下会发生以下情况：

这里的问题是，因为我们正在渲染服务器端，所以我们无法访问诸如localStorage. 谁能建议一种方法来克服这个问题，或者用 React Router 处理服务器端身份验证的更好方法？

好的，这是场景，据我所知，创建 Web 应用程序有三种方法

1. 传统方式：从服务器渲染 HTML 页面
2. 不确定：创建一个 API 并让用户的浏览器下载 Javascript 应用程序（Angular、React、Ember）以获得高度交互的应用程序
3. 未来：同构 Web 应用程序，它将 HTML 与来自服务器的客户端技术（Angular、React、Ember）一起呈现。

我打算使用第三种方式，因为加载页面更快，但现在的问题是如果我要创建一个移动应用程序。

我的堆栈：Node.js + React

假设我打算去移动，我需要复制相同的路线和逻辑吗？当前问题

有什么方法可以让我用一条路线同时提供 HTML 和 REST 服务吗？

嘿，我是一名 javascript 初学者，一直在尝试弄清楚如何使用 React/Redux 构建同构 Web 应用程序。我看过一堆示例和教程，但不知道如何开始这样的应用程序以及如何构建项目。到目前为止，我无法理解动作、组件、reducers、路由等如何相互交互。我知道我对概念缺乏一些基本的理解，但如果可能的话，我想从学习 React 而不是其他框架开始。谁能帮我解释如何计划和构建这样的项目？

我正在尝试使用 express、react 和 webpack 创建一个同构反应应用程序。

一切正常，直到我在我的一个组件中导入一个 css 文件。我知道节点不能处理这个导入，但是有人可以解释一下 github 上的这个包是如何让他们的组件有一个 css 导入行的吗？

https://github.com/kriasoft/react-starter-kit

我想让我的项目与此类似。他们在渲染组件时是否有一条线让服务器忽略该线？

这是我得到的错误

我在渲染同构应用程序时遇到问题，当我不使用 react-router(1.0.0-rc3) 时它可以正常工作，但是当我引入路由器时，特别是一个呈现如下链接的组件：

服务器和客户端的输出不同，我收到此警告

所以服务器（或客户端）以不同的方式呈现 href 标签，这就是我呈现服务器端的方式

我在这里使用的模板引擎是 blueimp-tmpl，我首先怀疑它可能在渲染时对 href-hash-sign 做一些事情，但是我记录了输出 renderToString 并且在进入模板之前 href-hash-sign 已经消失了.

我在 npm 历史包（它是 react-router 的对等依赖项）中进行了一些挖掘，它似乎是生成链接的 href 部分的组件，但无法弄清楚为什么它以不同的方式呈现它。

有任何想法吗？

编辑，这是路线

BR TWD

我正在尝试让同构的 Node.js、Express、Webpack、React 应用程序正常工作。我收到以下错误。关于如何修复它的任何建议？

这是服务器最初传递给浏览器的内容：

这是我的 server.jsx：

这是我的client.jsx：

还有我的 routes.jsx：

我有一个简单的应用程序，它显示用户的评论列表。当单击用户时，应用程序应该转到/users/<id>并显示一个新页面，其中包含将从 MongoDB 查询的用户详细信息。我很难理解该逻辑应该在哪里。

我看到了在客户端中使用 react 路由器的示例，例如：

但在服务器端也是这样：

并且还使用快速路由：

哪一个是要走的路？有什么区别？

我正在尝试编写同构/通用应用程序，将所有东西联系在一起有很多复杂性。

我需要的是常见的（不要与 commonjs 混淆）客户端和服务器的模块格式，具有动态加载和 es6/7 脚本（如 async/await 等）的可能性

我也希望它在运行时转换，而不需要任何打包工具，如 webpack

我试过 systemjs，但问题是 Systemjs 无法以与它使 node 需要相同的方式加载 nodejs 模块，例如

工作方式不一样

所以我尝试在服务器端（+babel 用于转译）和浏览器中使用 commonjs 格式

在我使用steal.js的浏览器中，它也使用systemjs，可以在客户端加载npm模块并在运行时编译它，但它不能自动编译commonjs模块，因为systemjs只会自动编译'esm/es6 ' 格式 ：（

我需要使用 systemjs/stealjs 强制转换 cjs 模块或使 System.import 以可接受的方式在服务器上工作的方法

或者也许我朝着错误的方向前进？

我想通过 RendrJS 中的 javascript 触发路由更改。我的用例是用户在/register页面上，并且在成功注册尝试后，我想将用户引导到/account页面。实现这一目标的最佳方法是什么？

http://react-toolbox.com/ Looks really good, but they have a sass dependency. Is there a way to use react-toolbox in a isomorphic/universal app and render them from the server, or are the sass dependencies somehow declared within the components?

They recommend using a CSS loader in the webpack development build. This leads me to the conclusion that the CSS dependencies are within the React Components. Am I wrong?