问题标签 [react-fullstack]

语境：

我正在制作一个 React 网站，该网站从 Google Sheets API 中提取信息并将特定行格式化为数据可视化。由于信息的敏感性，我不想分享一些列，幸运的是，有一些方法可以只分享指定的列，但这不是我问以下问题的原因：

问题：

我想要一个 Node API 来处理来自 React 前端的请求，但其代码在客户端的浏览器上不可用（例如，在构建期间创建的 bundle.js 文件中）。

澄清：我注意到，当在本地运行大多数 Node-React 应用程序示例并使用 webpack 构建它们时，您最终会得到一个bundle.js文件，其中包含在页面加载时传递给浏览器的 Node 请求处理代码。

提议：

我是否需要部署两个单独的应用程序（一个用于 Node，另一个用于 React），或者我可以将它们放在一起而服务器代码对客户端不可见？

编辑帖子答案：

您最终会得到一个bundle.js文件，其中包含在页面加载时传递给浏览器的 Node 请求处理代码。

这是不真实的。我认为是请求处理代码的代码是客户端请求调用代码。

我正在从头开始为初创公司构建一个 Web 应用程序，并决定使用 react 和 graphQl 以 nodejs 作为我的后端来查询 mongodb。

Gatsby.js 似乎将 react、graphql 甚至 redux 与他们的框架捆绑在一起，许多有用的插件都支持该框架。因此，它似乎可以在客户端动态呈现内容，并且它还可以在客户端快速静态呈现站点。似乎非常适合我的用例...

该站点的某些功能需要在客户端动态和静态呈现内容...

在花时间研究 Gatsby.js 之前，我想知道它是否可行，或者练习使用 Gatsby.js 来混合静态和动态 Web 渲染。 他们有更好的框架或解决方案吗？或者这会起作用吗？

我目前正在创建一个电影应用程序，我很困惑我应该如何设置我的提取来发出删除请求。我的应用程序的工作方式是用户可以创建一个帐户，并创建他们最喜欢的电影的电影发布，他们能够查看所有用户创建的所有电影。我希望用户能够在登录时删除他们自己的电影帖子。我在前端使用 react 并在后端使用 rails

如果我使用此链接... http://localhost:3000/users/ ${this.state.current_user_id}/movies 当前登录的用户将能够查看他们创建的所有电影。current_user_id 用于当前登录的用户。

我尝试在浏览器中访问http://localhost:3000/users/ ${this.state.current_user_id}/movies/${movie.id} 并在末尾附加了电影 ID，它在 Rails 中显示没有指定路线，所以我知道我可能需要为路线做点什么，但我不知道该怎么做......

在构建的 React 应用程序中如何处理路由？

具体来说，在开发环境中，我们可以简单地点击<host>:<port>/<some-path>并加载相应的组件，但是一旦构建了应用程序，我们会得到一堆静态文件和单个index.html文件，然后由某个服务器提供服务。现在，在点击 url<server-host>:<server-port>时，应用程序按预期工作，但在输入路径时，例如<server-host>:<server-port>/<component-path>，返回404 错误。
如果有，比如说一个按钮，点击哪个按钮，同样/<component-path>要重定向，应用程序可以工作，但是在刷新该页面时再次出现404 错误。

如何解决？为在不同路线上具有许多组件的此类应用程序提供服务的正确方法是什么？

我是 Web 编程新手并通过 chrome 开发工具浏览，我一直想知道什么是 favicon 以及为什么需要它？

我是一个没有后端经验的新手前端开发人员，所以请耐心等待。

我目前有一个使用 React 和 Firebase 的堆栈。我想向 Etsy 或 Twitter 等外部资源发出 API 请求。我无法从前端（React）发出请求，原因有两个：

1. 为了执行 GET 请求，许多 API 要求您获取密钥。如果我在前端做这些 API 请求，我相信我的密钥会被暴露。

2. 我很可能会收到 CORS 错误。

所以我的问题是，我可以从 Firebase 端进行 API 请求，以便所有 API 请求都在后端完成吗？如果是这样，Firebase 的哪个组件将允许此功能？如果没有，我需要在堆栈中添加什么而不需要实现整个后端结构来执行这些 API 请求？

非常感谢您的宝贵时间！

我正在尝试使用我在 Github 上找到的 D3 JavaScript 组件创建树状图。这是链接：https ://www.npmjs.com/package/react-d3-tree 我对这整件事还很陌生，所以我很难弄清楚如何使用它来创建一个我实际上可以使用的 Web 应用程序运行，就像演示中显示的一样（https://bkrem.github.io/react-d3-tree-demo/）理想情况下，我想导入我自己的 .json 数据，但一旦我运行它，我确定我可以很容易地弄清楚这一点。任何建议将不胜感激，谢谢。

尝试通过在 Windows 命令提示符中查找目录并使用命令 npm start 来运行应用程序。

我认为我没有适当的脚本来执行将显示在我的本地主机服务器上的程序。

如果有一个复杂的 Redux 存储来确定整个应用程序中许多组件的状态。

何时将内容保存到数据库的最佳模式是什么？我看到了不同方法的优缺点，但我想知道具有复杂 UI 的应用程序的标准是什么？

• 每次进行更改时将存储保存到数据库。（使得追逐大量即时与异步进程变得困难......要么有很多loading状态，要么分别等待或处理存储和数据库。）

• 不时自动保存...（允许商店立即确定 UI，更快...偶尔loading状态。）

• 手动保存...是的，不，谢谢...

我构建了我的第一个全栈应用程序，包含 Express 后端和 React 前端，包含在同一个项目文件夹中（请参阅 GitHub 存储库）。前端包含在一个名为client. 我从根目录部署了应用程序——在部署的站点上，它只是说“无法获取 /”。前端部分的 package.json 有一个代理字段，用于代理对后端的请求。当我在 localhost 上打开项目时，一切正常。任何指针将不胜感激。

这是我的第一个堆栈溢出问题。我正在尝试构建一个登录页面（使用 node express mongodb mongoose 制作一个完整的堆栈应用程序）并且前端是 REACT。我遇到了一个问题，在我单击输入字段并单击退出之前，输入字段 css 不会注册。我正在使用 Formik 来开发我的表单。我基本上有两个问题：如何解决此问题以及如何对在 localhost:3003 上运行的后端服务器进行 API 调用。这是代码：