首页
学习
活动
专区
工具
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...ReduxMobX:尝试解散混乱 GraphQL 查询语言 GraphQL规范 GraphQL官方网站 GraphQL规范 GraphQL规范库 GraphQL工具 GraphCMS - GraphQL...- 运行GraphQL服务器最简单方法 数据库集成 Hasura - Postgres上即时实时GraphQL Prisma - 一个高性能开源GraphQL ORM-like层,可以在GraphQL

12.3K30

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

React生态系统

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

96230

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

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

906100

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

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

1.2K40

2017JavaScript框架战报-React分战场

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

1K70

浅谈前端状态管理

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

1.2K40

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

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

1.4K40

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

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

1.9K11

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

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

40020

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

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

79010

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

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

86660

数据流管理方案 | ReduxMobX 哪个更好?

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

1.9K21

干货 | 浅谈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)当项目复杂度较高

1.9K20

一文梭穿Vuex、FluxReduxRedux-saga、Dva、MobX

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

5.4K10

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

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

3.6K10

MobX

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

1.1K20

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

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

5.2K20

React组件设计实践总结05 - 状态管理

Redux 要求通过dispatch+reducer, mobx 要求数据变更函数使用action装饰放在flow函数中,目的就是让状态变更根据可预测性 单向数据流。...觉得可以从下面几个点进行考虑: 领域数据还是应用数据? 领域数据一般推荐放在 ReduxStore 中,我们通常会将 Redux Store 看作一个数据库,存放范式化数据。...为什么从 Redux 迁移到了 Mobx MobxRedux 性能对比 总结 本节主要介绍 Redux 设计动机,以及围绕着这个动机一系列设计, 再介绍 Redux 一些缺点和最佳实践...Redux 生态非常繁荣,如果是初学者不想折腾还是建议使用 Dva rematch 这类二次封装框架,这些框架通常就是 Redux 一些最佳实践沉淀, 减少折腾时间。...MobX,因为 MobX 需要开发代码量小,学习成本低,上手快,适合于实时系统,仪表盘,文本编辑器,演示软件,但不适用于基于事件系统 Redux 适用于大团队开发复杂应用,Redux 在可扩展性和可维护性方面可以

2.1K31
领券