ReactJs、Redux、Firebase项目的一般问题

ReactJs、Redux、Firebase项目的一般问题,reactjs,firebase,redux,react-redux,create-react-app,Reactjs,Firebase,Redux,React Redux,Create React App,我有几个一般性的问题想得到答案……我在以下方面做了自己的研究: •firebase文档在设置firebase、redux和react状态时几乎没有成功 •我知道firebase youtube频道中的React和firebase设置的两部分视频系列,但没有关于将redux集成到该生态系统的内容 •这段youtube视频的发布时间接近或超过两年,我不知道它们是否仍然适用 •我发现了一些与这种类型的设置相关的教程,但对我来说,它们似乎相当固执己见,我不知道这些设置是最优的还是有反模式,-直接从参考资

我有几个一般性的问题想得到答案……我在以下方面做了自己的研究:

•firebase文档在设置firebase、redux和react状态时几乎没有成功

•我知道firebase youtube频道中的React和firebase设置的两部分视频系列,但没有关于将redux集成到该生态系统的内容

•这段youtube视频的发布时间接近或超过两年,我不知道它们是否仍然适用

•我发现了一些与这种类型的设置相关的教程,但对我来说,它们似乎相当固执己见,我不知道这些设置是最优的还是有反模式,-直接从参考资料部分的redux文档中可以看出,我可能是错的,但它似乎没有得到维护,其他:

•我尝试接触slack firebase社区中的react、redux、react设计频道,但我不相信这些频道正在被使用。说到firebase,我是一个初学者,现在我正试图熟悉这个新数据库,我需要一些建议……我的问题是:

•是否建议通过redux和react实施firebase

•我是否应该像react&firebase的视频一样关注firebase API方法的实现?也就是说,调用组件生命周期中我需要的每个方法,比如:

componentDidMount() {
    firebase.auth().onAuthStateChanged(this.updateAuthState);
  }
我是否应该使用react-redux firebase库,以某种方式将firebase db链接到redux操作,或者只是为firebase设置一个配置文件,并让redux独立于它进行操作

最后,我目前正在使用功能的每个组件中导入firebase,使用firebase是否正确?或者我应该采用另一种方法,如:

上面的教程为所有与firebase相关的功能创建了一个类,并在需要时实例化该类


非常感谢您提供的任何帮助,我将非常感谢任何可以帮助我的信息或资源。

如果您使用基于类的方法,您必须在componentDidMount内部进行API调用,因此您在这方面做得很好。但是,我将API调用集成到redux存储中。这样所有的代码都在同一个地方。但是,如果使用基于功能的组件和最新版本的React,则可以转到挂钩。在这种情况下,API调用将进入useEffect内部。这样做效果更好,因为它充当componentDidMount和componentDidUpdate,为您节省了大量时间

在大多数情况下,您应该能够在父App.js中提供Firebase。那篇教程看起来很受欢迎。我在Django后端设置中使用了同一个人


最后但并非最不重要的一点是,您可以将默认值存储在减速器中。将API调用保留在操作中,并将默认值保留在reducer中,这样可以节省一些代码。

感谢您的反馈。。。当你提到这个教程看起来像一个很好的后续。。。你指的是本教程吗?是的,罗宾一号,很抱歉
     • and set my default state as such to create the store?:
const defaultState = {
  auth: {
    isAuth: firebase.auth().currentUser,
  },
};