首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

有了Firebase实时数据库,我还需要使用flux、redux、mobx或带有graphql的中继吗

Firebase实时数据库是一种云数据库服务,它提供了实时的数据同步和持久化存储功能。它可以用于构建实时应用程序,如聊天应用、协作工具等。

在使用Firebase实时数据库时,是否需要使用flux、redux、mobx或带有graphql的中继取决于你的具体需求和项目规模。这些工具和技术主要用于前端应用程序的状态管理和数据流控制。

如果你的应用程序规模较小,且对于状态管理和数据流控制的需求不是很复杂,那么使用Firebase实时数据库已经足够满足你的需求。Firebase实时数据库提供了实时的数据同步功能,可以直接在前端应用程序中监听数据的变化,并实时更新UI。

然而,如果你的应用程序规模较大,或者对于状态管理和数据流控制有更高的要求,那么使用flux、redux、mobx或带有graphql的中继可能会更合适。这些工具和技术可以帮助你更好地组织和管理前端应用程序的状态,提供更灵活的数据流控制和状态更新机制。

总结起来,是否需要使用flux、redux、mobx或带有graphql的中继取决于你的具体需求和项目规模。对于小型应用程序,使用Firebase实时数据库已经足够;对于大型应用程序或对状态管理和数据流控制有更高要求的应用程序,可以考虑使用这些工具和技术来增强应用程序的可扩展性和灵活性。

腾讯云提供了类似的云数据库服务,称为腾讯云数据库(TencentDB),它提供了多种数据库引擎和存储类型,适用于不同的应用场景。你可以通过腾讯云官网了解更多关于腾讯云数据库的信息:腾讯云数据库

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

「首席架构师推荐」React生态系统大集合

Flux一般资源 Flux实现 Flux教程 Redux Redux通用资源 Redux工具 Redux教程 MobX MobX通用资源 MobX工具 MobX教程 GraphQL GraphQL规范...GraphQL工具 GraphQL教程 GraphQL实现 服务器集成 数据库集成 Relay 中继一般资源 中继教程 中继工具 Apollo Apollo综合资源 影片 重要会谈 React.js...- React组件包装器,用于将React与MobX结合使用 MobX教程 10分钟介绍MobX和React 使用MobX管理React应用程序中的复杂状态 将您的应用程序从Redux重构为MobX...Redux或MobX:尝试解散混乱 GraphQL 查询语言 GraphQL规范 GraphQL官方网站 GraphQL规范 GraphQL规范库 GraphQL工具 GraphCMS - GraphQL...- 运行GraphQL服务器的最简单方法 数据库集成 Hasura - Postgres上的即时实时GraphQL Prisma - 一个高性能的开源GraphQL ORM-like层,可以在GraphQL

12.4K30

2020 年你应该知道的 React 库

所有 React 的内置 hooks 都非常适合本地状态管理。当涉及到远程数据的状态管理时,如果远程数据带有 GraphQL 端点,我建议使用 Apollo Client。...: React Hooks or Redux/MobX/Mobx State Tree 使用 React 路由 路由在 React 中起着重要作用。...如果您有足够的时间来处理 GraphQL API,我建议您使用 Apollo Client。可供选择的 GraphQL 客户端将是 urql 或 Relay。...如果你根本不想关心后端,以下三种解决方案可能适合你: Firebase Auth0 AWS Cognito 如果您正在寻找身份验证 + 数据库的一体化解决方案,请坚持使用 Firebase 或 AWS。...就我个人而言,我不使用它,但是任何时候有人问到 JS 中的不变性(immutability),大家都会指出 Immer,并且这可以加上 redux 或 React hooks。

14.4K40
  • 2017年JS 框架回顾:React 生态系统

    这种方式虽然增加了开发者使用 React 的 pool,但也进一步提升了 React,扩展了 React 的生态系统,创造了一个有益的循环。...Redux 和 Flux 针对的是应用程序功能中完全相同的部分,Redux 于2015年中期正式推出,并且使用率迅速提高,而 Flux 则在同一时期开始逐渐下滑。...这也表明 Redux 已经取代 Flux 成为 React 网络应用程序中首选的状态管理系统。 MobX MobX 是2016年中期推出的,也是 Flux 和 Redux 的竞争对手。...虽然 MobX 的使用率还不高,但是目前正在快速增长,值得关注。 RxJS RxJS 是 Flux 和 Redux 的另一个竞争的状态管理组件。RxJS 的流行情况不好统计。...React Router 和 Redux 都非常受欢迎,并且在使用中具有紧密相关的联系。 MobX 具有良好的增长,但其使用率还远没有到达 Redux。 React 本身的生态系统是巨大的。

    930100

    React生态系统

    这种方式虽然增加了开发者使用 React 的 pool,但也进一步提升了 React,扩展了 React 的生态系统,创造了一个有益的循环。...Redux 和 Flux 针对的是应用程序功能中完全相同的部分,Redux 于2015年中期正式推出,并且使用率迅速提高,而 Flux 则在同一时期开始逐渐下滑。...这也表明 Redux 已经取代 Flux 成为 React 网络应用程序中首选的状态管理系统。 MobX ? MobX 是2016年中期推出的,也是 Flux 和 Redux 的竞争对手。...虽然 MobX 的使用率还不高,但是目前正在快速增长,值得关注。 RxJS ? RxJS 是 Flux 和 Redux 的另一个竞争的状态管理组件。RxJS 的流行情况不好统计。...React Router 和 Redux 都非常受欢迎,并且在使用中具有紧密相关的联系。 MobX 具有良好的增长,但其使用率还远没有到达 Redux。 React 本身的生态系统是巨大的。

    98930

    2017年 JavaScript 框架回顾 -- React生态系统

    这种方式虽然增加了开发者使用 React 的 pool,但也进一步提升了 React,扩展了 React 的生态系统,创造了一个有益的循环。...Redux 和 Flux 针对的是应用程序功能中完全相同的部分,Redux 于2015年中期正式推出,并且使用率迅速提高,而 Flux 则在同一时期开始逐渐下滑。...这也表明 Redux 已经取代 Flux 成为 React 网络应用程序中首选的状态管理系统。 MobX MobX 是2016年中期推出的,也是 Flux 和 Redux 的竞争对手。...虽然 MobX 的使用率还不高,但是目前正在快速增长,值得关注。 RxJS RxJS 是 Flux 和 Redux 的另一个竞争的状态管理组件。RxJS 的流行情况不好统计。...React Router 和 Redux 都非常受欢迎,并且在使用中具有紧密相关的联系。 MobX 具有良好的增长,但其使用率还远没有到达 Redux。 React 本身的生态系统是巨大的。

    1.2K40

    2017JavaScript框架战报-React分战场

    这一决定增加了开发人员使用和处理React的能力,进一步改进并扩展了他的生态环境,创造了一个有益的循环。...推出React的同时,Facebook还推出了Flux和GraphQL。两者都不如React流行,这再次显示了React在一小部分问题上的解决问题能力。...MobX MobX是在2016年中推出的Flux和Redux竞争对手。目前它正快速成长,虽然仍然只是这个领域的小玩家,但也值得关注。...RxJS RxJS是另一个与Flux和Redux竞争的状态管理组件。RxJS的流行趋势不能用简单的模式来追踪或解释。首先,它有两个extant版本,一个名为rx的遗留版本和一个名为rxjs的当前版本。...* React Router和Redux都非常受欢迎,并且有紧密地关系。 * MobX增长看好,但还没有危及到Redux的地位。 * React本身是庞大的。

    1K70

    浅谈前端状态管理

    Flux 提供的 Dispatcher 也是可以的,不过推荐使用 Flux 提供的一些基础类来构建 store,这些基础类提供了一些方法可供调用,能更好的扩展数据层的功能,具体使用方法可以参考 Flux...有一些区别,例如: 依赖 首先 Flux 不是一个库,而是一种架构思想,不过要使用 Flux 还是要引入一个 Dispatcher,而 Reflux 则提供了一整套库供你使用,可以方便地通过...React 技术栈中可用的状态管理库还有更多,例如 Relay,不过它需要配合 GraphQL,在没有 GraphQL 的支持下不好引入,这里就不多赘述了(其实是我没有研究过)。...如果阅读视频有一定的困难,建议阅读这篇文章。 Mobx 和 Redux 相比,差别就比较大了。如果说 Redux 吸收并发扬了很多函数式编程思想的话,Mobx 则更多体现了面向对象及的特点。...我们知道,在 React 中,组件是由无状态函数(stateless function)渲染的,我们只要在组件中加入 mobx-react 这个包提供的 (@)observer 函数(或使用 ES7 decorator

    1.2K40

    在线教育直播源码中React库的特性解读

    当涉及到远程数据的状态管理时,如果远程数据带有GraphQL端点,我建议使用ApolloClient。ApolloClient的替代方案是urql和Relay。   ...如果远程数据不是来自GraphQL端点,请尝试使用React的Hooks来管理它。如果不行,像Redux或者MobX/MobxStatetree这样的解决方案可能会有所帮助。   .../MobX/MobxStateTree   在线教育直播源码React中的样式库 虽然关于React样式处理有很多解决方法,但是作为一个React初学者,刚开始使用内联样式和基本CSS是很好的。...但是,有时候不仅需要提供复杂的异步请求,还需要它们具有更强大的功能,而且只是一个轻量级的库。我推荐的这些库之一称为axios。当您的应用程序增大时,可以使用它来代替本地获取API。   ...如果您有足够的时间来处理GraphQLAPI,我建议您使用ApolloClient。可供选择的GraphQL客户端将是urql或Relay。

    1.4K40

    ReduxMobxAkitaVuex对比 - 选择更适合低代码场景的状态管理方案

    Facebook 提供了一个 Flux 实现,不过目前很少有开发者直接使用它,而是使用一些在 Flux 架构模式基础上的改进方案,最广泛的就是 Redux。...关于 Redux 中间件的详细使用方案就不介绍了,熟悉 Node.js 的开发者更容易理解中间件的概念,Express、Koa都实现了这种模式。...很明显可以看出 Akita 的设计与关系型数据库非常接近,说不定设计者是个关系型数据库死忠粉。 Akita 与 Mobx/Flux 有一个相同的设计:没有规范 Store 的组织模式。...Akita的优点主要有三个: 足够简单,核心概念比 Mobx 和 Flux 还少,对开发者来说,有足够的定制空间。同时如上文所述,这是一把双刃剑,对开发者的能力要求很高; 与关系型数据库搭配顺畅。...之所以上述实验仅做参考,一方面是因为实验的场景与真实的业务场景差距很大,现实业务中不可能只用 Redux 或 Mobx,往往还需要配合其他解决方案,比如 redux-thunk 或 MST;另一方面是实验本身并不绝对严谨

    2K11

    这也许也是你成长的模样 -- Mobx

    说罢,便前往他的电脑前查看问题,是这样的,我在 Mobx 里定义的数据然后我把他赋值到 State 上之后 State 上的值改变了,为啥 Mobx 的没有改变?...浩某放下了手中的咖啡说道:“你在 State 上只是初始化赋值而已,相当于 this.state = { a: 1 } 他就是个初始化的值”。 “这样吗?” 刘某随即答道然后便又开始码了起来。...这看上去有点多余,实际上我定义一个可观测数组还需要再多定义一个向外暴露的数组以确保他不会出其他的意外: @computed get goodsListSlice() { return this.goodsList...Flux的单向数据流实现。...浩某最后停下键盘,将梳理好的知识点存入有道云笔记以便随时复盘。 最后 以上故事纯属虚构。都看到这了不点个赞吗? 感谢各位大佬的收看,欢迎在下面吐槽(Q A Q)

    41320

    基于flux和observer相结合的思想的数据管理器

    Redux和MobX是前端领域最前沿的两个状态管理library,前者遵循Flux思想,后者独树一帜,不过可以认为继承了observer思想。...flux的思想中,对于一个应用它需要有一个或多个store来存储状态,redux为了简化,统一为只有一个store。...因此,redux是完全安装flux的思想实现的。 现在让我们来看下MobX的思想。...在讨论数据管理器之前,我们还是讨论一下data和state的区别,以避免在下文的阐述中你会反复问“已经有redux了,我为嘛还要一个数据管理器”这样的问题。...为什么有了redux/mobx还需要datamanager 状态可以对某一份数据进行引用,这样,似乎状态管理器也可以对数据进行管理了。

    89960

    基于flux和observer相结合的思想的数据管理器

    本文作者:IMWeb 唐霜 原文出处:IMWeb社区 未经同意,禁止转载 Redux和MobX是前端领域最前沿的两个状态管理library,前者遵循Flux思想,后者独树一帜,不过可以认为继承了...flux的思想中,对于一个应用它需要有一个或多个store来存储状态,redux为了简化,统一为只有一个store。...因此,redux是完全安装flux的思想实现的。 现在让我们来看下MobX的思想。...在讨论数据管理器之前,我们还是讨论一下data和state的区别,以避免在下文的阐述中你会反复问“已经有redux了,我为嘛还要一个数据管理器”这样的问题。...为什么有了redux/mobx还需要datamanager 状态可以对某一份数据进行引用,这样,似乎状态管理器也可以对数据进行管理了。

    83610

    干货 | 浅谈React数据流管理

    二、redux 我直接跳过了flux来说redux,主要是因为redux是由flux演变而来,可以说是flux的升级加强版,flux具备的优势redux也做到了。 redux提供了哪些? ?...三、mobx 最开始接触mobx也是因为redux作者DanAbramov的那句:Unhappywith redux?try mobx,我相信很多人也是因为这句话而开始了解学习并使用它的。...如果说redux是把要做的事情都交给了用户,来保证自己的纯净,那么mobx就是把最简易的操作给了用户,其它的交给mobx内部去实现。...这一小节并不能让读者达到能够上手使用的程度,正如文章开头所说,希望读者(新手)能对rxjs有一个新的认知,知道它是做什么的,它是如何实现的,它有哪些优势,我们如何选择它,如果感兴趣还需要私下花大量时间去学习掌握各种操作符...; 3)当项目复杂度一般时,小规模团队或开发周期较短、要求快速上线时,建议使用mobx; 4)当项目复杂度较高时,团队规模较大或要求对事件分发处理可监控可回溯时,建议使用redux; 5)当项目复杂度较高

    2K20

    数据流管理方案 | Redux 和 MobX 哪个更好?

    也就是说数据(水)与组件(员工)是相互独立的,使用 Redux 管理数据,Store 就是独立于组件维护的数据,这使得数据管理与组件之间相互独立,解决了组件与组件之间传递数据困难的问题。 ?...注意:Redux 实际就是提供一套工具,React 照着说明书来操作就行了。 所以这注定了想要使用 Redux ,就必须按照它的规矩来做,除非你不愿意接受这种模式。...Redux 与 MobX 的对比 我们先来介绍一下 MobX 。...Redux 是把要做的事情都交给了用户,来保证自己的纯净,那么 MobX 就是把最简易的操作给了用户,其它的交给 MobX 内部去实现。...其实现在主流的数据流管理分为两大派:一类是以 Redux 为首的函数式库,还有一类就是以 MobX 为首的响应式库了。

    2.1K21

    独立开发者必备的29个开源React后台管理模板

    ,内置在React Redux Saga中,具有firebase / fack后端身份验证和多语言支持,并具有开发人员友好的代码。...Dandelion Pro不仅可以帮助您作为入门套件进行开发,还可以使用React、Redux、JSS和带有ES6的下一代JavaScript学习高级开发。...Wieldy不仅可以帮助您作为入门套件进行开发,还可以通过遵循我们预构建的应用程序架构,使用React、Redux、Firebase、Router、Redux-Saga等学习高级开发。...当我们为这个管理模板设计初始模型时,我们设定了干净、可扩展的设计目标,该设计可以集成或适应多个应用程序利基。我们认为我们做到了,请在评论部分告诉我们您的想法。...它完全响应,并支持具有集成语言翻译方法的RTL语言。它提供了现成的组件、小部件和页面,这使得根据要求构建新的管理面板变得非常容易。它带有预集成的API方法,为您提供轻松构建动态列表页面的能力。

    7K10

    一文梭穿Vuex、Flux、Redux、Redux-saga、Dva、MobX

    State 是只读的:Flux 的 State 可以随便改。* 使用纯函数来执行修改:Flux 执行修改的不一定是纯函数。 Redux 和 Flux 一样都是单向数据流。...redux-thunk 和 redux-promise 的具体使用就不介绍了,这里只聊一下大概的思路。...到这里,其实可以感觉到 Flux、Redux、Vuex 三个的思想都差不多,在具体细节上有一些差异,总的来说都是让 View 通过某种方式触发 Store 的事件或方法,Store 的事件或方法对 State...MobX 前面扯了这么多,其实还都是 Flux 体系的,都是单向数据流方案。接下来要说的 MobX,就和他们不太一样了。 我们先清空一下大脑,回到初心,什么是初心?就是我们最初要解决的问题是什么?...MobX 和 Flux、Redux 一样,都是和具体的前端框架无关的,也就是说可以用于 React(mobx-react) 或者 Vue(mobx-vue)。

    5.5K10

    状态管理的概念,都是纸老虎

    简单来说,Redux有三大原则:单一数据源:Flux 的数据源可以是多个。State 是只读的:Flux 的 State 可以随便改。* 使用纯函数来执行修改:Flux 执行修改的不一定是纯函数。...redux-thunk 和 redux-promise 的具体使用就不介绍了,这里只聊一下大概的思路。...下面就要和我们常用的 Vue 或 React 结合起来了: Vuex Vuex 主要用于 Vue,和 Flux,Redux 的思想很类似。 ?...到这里,其实可以感觉到 Flux、Redux、Vuex 三个的思想都差不多,在具体细节上有一些差异,总的来说都是让 View 通过某种方式触发 Store 的事件或方法,Store 的事件或方法对 State...MobX 前面扯了这么多,其实还都是 Flux 体系的,都是单向数据流方案。接下来要说的 MobX,就和他们不太一样了。 我们先清空一下大脑,回到初心,什么是初心?就是我们最初要解决的问题是什么?

    5.3K20

    MobX

    修改state的部分,简言之,MobX的action是动词,Flux的action是名词。...) Redux里的reducer在MobX里都给塞进action了,不用再拿reducer来描述state结构,也不用再关注reducer纯不纯(MobX只要求computed是纯函数) computed...Vuex也是一开始就考虑了state衍生数据,不像Redux需要reselect来填补空白 五.优势 从实现上看,只有MobX内置了数据变化监听,也就是把数据绑定的核心工作提到了数据层,这样做的最大好处是修改...(DevTools或logger),而MobX把函数名作为action携带的原因信息,通过spy实现状态变化可追溯,可以实现更强大的DevTools,比如让组件的数据依赖可视化 ?.../src/observer.js) 参考资料 mobxjs/mobx MobX Ten minute introduction to MobX and React:结合React使用的例子

    1.1K20

    精读《入坑React前没有人会告诉你的事》

    另一篇则是 Facebook 员工,也是 Redux 作者的 Dan Abramov 针对上文的回复 《Hey, thanks for feedback!》。 1 引言 我为什么要选这篇文章呢?...站在 React 已经繁荣昌盛、无需四处布道宣传的今天,我们不妨冷静下来问问自己,React 真的是一个完美的框架吗?社区里一直不缺少吐槽的声音,这周我们就来看看,React 到底有哪些槽点。...View 层,开发者就要面临选择 mobx 还是 redux 的纠结,无论选择哪种都会带来一系列的问题(重新配置构建脚本,更新 eslint 规则等) 如果选了 mobx,会发现 mobx 无法保证自己的...缺少统一脚手架的问题,可以通过 create-react-app 解决 觉得 redux 和 mobx 繁琐的话,对于刚刚上手的小应用不建议使用 React Router 升级太频繁?...从最早的 Backbone Model,到 Flux,再到 reflux、Redux,再到 mobx 和 redux-observable,你不得不感叹 React 社区的活力是多么强大。

    63310
    领券