javascript - 在哪里最好用 Redux 应用程序初始化 React？

Question

设置

使用 Redux 的 React 应用程序处理状态和操作。许多服务 - 用户登录 API、谷歌地图和一些第三方服务。

问题

当它是组件(componentDidMount)的一部分时，Initialize会运行多次，在此过程中加载SDK脚本(我希望它们在应用程序中需要时准备好)。

主要问题

• 运行 appInitialize() 函数的地点和时间，以便它仅运行一次(仅在应用启动时)。
• 在哪里加载 Google API 脚本？ (在使用它的组件中还是在App组件中？)
• 最佳实践、书籍和其他指南引用也可能有所帮助。

Answer 1

我之前也有过类似的问题，基本上，我想引导我自己的应用程序。在 index.js 中，假设您的目标是渲染应用程序，那么在此之前您可以做很多事情。


ReactDOM.render(Root, document.getElementById('root'));


例如

• 创建一个 redux 存储，并将其注入(inject)到此应用中(同步)
• 调用 Promise，然后在调用渲染(异步)之前解决它

这是一个 javascript 文件，您可以做任何您想做的事情，大多数时候您可以将其视为一份洗衣 list 。当你得到越来越多的东西时，你可能会想到一种更模块化的方式来完成它(例如，react 或 redux 只是模块之一)。

只是回答你的问题

• 何时何地运行 appInitialize() 函数，以便它仅运行一次(仅在应用程序启动时)？在 index.js 中，确保仅调用 render 一次。并确保在此之前初始化其他东西。

• 在哪里加载 Google API 脚本？ (在使用它的组件中还是在 App 组件中？)。所有第三方都可以在 index.html 或 index.js 中，您只需调用它们一次并将它们留在那里。