Mobx

【React】MobX

概述mobx实现像vue一样声明式的修改数据，我们在项目中直接使用mobx+mobx-react。

小秀_heo·2024-09-13 18:54

微信小程序全局共享数据 Mobx 在页面及组件上使用

在小程序开发中，也有不少朋友喜欢用MobX。

尚梦·2024-09-04 02:43

微信小程序-全局数据共享

在小程序中，可以使用mobx-miniprogram配合mbox-miniprogram-bindings实现全局数据共享。

program_due·2024-09-04 01:13

微信小程序全局共享数据

使用mobx-miniprogram配合mobx-miniprogram-bindings实现全局数据共享其中mobx-miniprogram用来创建Store实例对象mobx-miniprogram-bindings

cc_xxo·2024-09-04 01:12

微信小程序自定义相机（React+Taro）

index.tsximport{useState}from'react'import{View,Image,Camera}from"@tarojs/components";import{observer}from"mobx-react

淑子啦·2024-09-03 07:15

2024最新最全的React面试题

(2)核心库与生态系统:React:React本身只关注UI层，但它有一个庞大的生态系统，例如Redux、MobX等用于状态管理，以及ReactRouter用于路由处理。

二丫骑士qq·2024-08-31 03:17

MobX中实现数据的懒加载

在MobX中实现数据的懒加载可以通过以下方式：首先，创建一个可观察的属性来表示数据是否已加载，并创建一个异步的action来执行数据的加载操作。

alankuo·2024-08-24 17:36

MobX中处理异步数据的加载状态

在MobX中，可以通过添加额外的可观察属性来处理异步数据的加载状态。

alankuo·2024-08-23 11:55

微信小程序-npm扩展工具包

pubsub-js(用于组件间的通信)miniprogram-computed（扩展计算属性）mobx-miniprogram-bindings（扩展统一状态管理仓库）mina-request(网络请求工具包

勿语&·2024-03-12 11:57

小程序全局变量管理-mobx引入与使用

背景：对于全局变量操作，如果不规范使用很容易产生意想不到的问题，使用mobx对全局变量进行管理，能够规范代码操作，使程序变得简单高效。

qq_28695495·2024-02-19 11:36

React-Native + ts + mobx 项目

笔记React-Native+ts+mobx项目1.构建一个RN项目npminstall-gexpo-cliexpoinitfoodrn-appcdfoodrn-appnpmstart#也可以使用命令:

於我·2024-02-05 16:31

通过 Vue 类比理解 Mobx

因为之前一直用的Vue全家桶，所以转React的时候我就采用类比的方式来理解Mobx了。建议熟悉Vue全家桶并且简单看了Mobx文档的同学入手，便于快速理解。Mobx是什么？

VioletJack·2024-02-05 15:06

react+mobx强制刷新之后会使保存的状态丢失怎么解决

问题描述使用mobx储存了我的导航但是发现我强制刷新页面，存储的状态就丢失了解决方案本地存储使用浏览器的本地存储（localStorage或sessionStorage）将状态数据保存在客户端。

T3165919332·2024-02-05 05:33

React组件通信、父传子实现、子传父、兄弟组件通信、跨组件通信 Context

，在这个过程中不可避免要传递一些数据为了能让各组件之间进行互相沟通，数据传递，这个过程就是组件通信父子关系-最重要的兄弟关系-自定义事件模式产生技术方法eventBus/通过共同的父组件通信其他关系-mobx

雨落云尚·2024-01-29 08:42

native版本修改项目react_react-native版本迁移教程

识兔已经更新到0.57了哦，欢迎starwelfare.gif前言react-native在三天前，也就是2018.9.12号更新了0.57.0版本，这个版本终于正常的兼容了babel7，解决了0.56版本使用mobx

马伯庸·2024-01-29 00:18

【小程序-基础进阶】Vant Weapp，API Promise化，全局数据共享，分包（独立分包、分包预下载）

包的支持和限制1.2VantWeapp1.2.1安装Vant组件库1.2.2使用Vant组件1.2.3定制全局主题样式1.CSS变量2.定制全局主题样式1.3APIPromise化二、全局数据共享1.安装Mobx

zilin_taku·2024-01-27 13:45

05-小程序◆ 使用 npm 包 ◆ 全局数据共享 ◆ 分包 ◆ 案例 - 自定义 tabBar

◆使用npm包◆全局数据共享◆分包◆案例-自定义tabBar①能够知道如何安装和配置vant-weapp组件库⚫参考Vant的官方文档②能够知道如何使用MobX实现全局数据共享⚫安装包、创建Store、

W蘭·2024-01-27 13:43

微信小程序（使用npm包、全局数据共享、分包、自定义tabBar）

文章目录简介————使用npm包————1.VantWeapp2.APIPromise化————全局数据共享————1.MobX2.页面3.组件————分包————1.概念2.使用3.独立分包4.分包预下载

Kaiyue.zhao·2024-01-27 13:13

day05-微信小程序-npm-mobx-miniprogram(全局数据共享)-分包

使用npm包限制不支持依赖于Node.js内置库的包不支持依赖于浏览器内置对象的包不支持依赖于C++插件的包如何找包(1)方式1-在npm网站,以wx或者mp开头来搜索,egwxaxios或者mpaxios(2)方式2-以awesomewx或者awesomemp到github搜索第一次使用npm包(1)生成package.jsonnpminit-y(2)通过npm安装包npmi@vant/weap

joson-Li·2024-01-27 13:13

小程序— npm包，MobX全局数据共享，API的promise化

使用npm包小程序对npm的支持与限制目前，小程序中已经支持使用npm安装第三方包，从而来提高小程序的开发效率。但是，在小程序中使用npm包有如下3个限制：①不支持依赖于Node.js内置库的包②不支持依赖于浏览器内置对象的包③不支持依赖于C++插件的包总结：虽然npm上的包有千千万，但是能供小程序使用的包却“为数不多”。使用npm包-VantWeapp1.什么是VantWeappVantWeap

kai.先生·2024-01-27 13:42

微信小程序五 npm 包、安装 vant组件、promise组件、全局数据共享、分包！！！、自定义 tabBar 案例

总结能够知道如何安装和配置vant-weapp组件库参考Vant的官方文档能够知道如何使用MobX实现全局数据共享安装包、创建Store、参考官方文档进行使用能够知道如何对小程序的API进行Promise

Hyman-ya·2024-01-27 13:42

小程序系列--13.全局数据共享

1.什么是全局数据共享2.小程序中的全局数据共享方案一、MobX1.安装MobX相关的包2.创建MobX的Store实例3.将Store中的成员绑定到页面中4.在页面上使用Store中的成员5.将Store

小哥码农·2024-01-26 17:11

Flutter中状态管理选项的比较：利弊探索

这些状态管理库如下：文章目录InheritedWidget使用流的BLoC（业务逻辑组件）模式ProviderReduxMobXRiverpodG

独立开发者张张·2024-01-25 19:16

状态管理库之 mobx

一文快速上手mobx！

原来是有理数·2024-01-20 13:46

React使用MobX作为全局状态管理

React使用MobX作为全局状态管理这里以模块化方式进行使用MobX官网安装依赖yarnaddmobxmobx-react-lite安装mobx-react-lite是因为目前项目上使用的都是函数式组件目前项目上的依赖如下

小火车况且况且·2024-01-17 22:36

react + redux +ts 使用基本流程

一个菜鸟小白的成长之路（copyer）公司一直用的是mobx，感觉自己好久没有动过redux了，正好自己有点空闲时间，就来回忆一下redux的搭建流程。

copyer_xyf·2024-01-16 17:14

mobx 在类组件中的使用以及函数组件中的使用

Mobx在类组件和函数组件使用安装yarnaddmobxyarnaddmobx-react父级入口1、引入import{Provider}from'mobx-react';2、引入store.jsnewStore

ikun在线敲打·2024-01-14 18:25

antd时间选择器，设置显示中文

官方文档介绍全局化配置ConfigProvider-AntDesign代码importReactfrom'react';import{Provider}from'mobx-react';importAppfrom

T3165919332·2024-01-13 10:46

在React里面使用mobx状态管理详细步骤

1、安装MobX和MobXReact：在你的项目目录下运行以下命令安装MobX和MobXReact：npminstallmobxmobx-react2、创建MobXStore：创建一个用于管理状态的MobXStore

T3165919332·2024-01-09 18:20

react使用recoil进行全局状态管理 + axios进行网络请求

recoilrecoil是facebook官方推出的新的react状态管理方案，采用分散管理原子状态的设计模式，同时也强调immuteable（mobx则是mutable），这与react强调immuteable

shadow fish·2024-01-08 18:29

React面试题

MobX:一个简

qq_42431718·2024-01-07 05:05

mobx-react快速入门使用

目录眼熟一下Provider@inject@observable@observer@action@computed完整代码示例状态改变和渲染次数的疑惑最后注意：本文更多讲的是怎么使用mobx，关于原理等部分只会稍微带过

我是火山呀·2023-12-24 14:50

react中使用redux最简单最方便的方式，配合rematch简化操作，5分钟学会

react中使用状态管理的方式也很多，比如redux和mobx等，今天这一片就讲一下redux的入门到熟练使用，主要是要理解它redux的组成有哪些，到怎么创建，和组建中怎么使用三个问题。

1024小神·2023-12-24 10:24

#react脚手架 - Mobx配置（装饰器）

1.创建项目create-react-appapp2.进入项目cdapp3.进行配置文件抽离yarneject4.安装mobxmobx-reactyarnaddmobxmobx-react注意：如果git

Cc_b701·2023-12-23 09:42

React + valtio 响应式状态管理

一、状态管理库dispatch流派(单向数据流-中心化管理)：redux、zustand、dva等响应式流派(中心化管理)：mobx、valtio等原子状态流派(原子组件化管理)：reco

天問_·2023-12-22 03:11

澳新和国内React技术栈对比

Redux或MobX：用于管理应用状态的库。Next.js或Gatsby：用于构建服务器端渲

十步杀一人_千里不留行·2023-12-17 22:50

微信小程序全局共享数据 mobx

开发中常用的全局数据共享方案有：Vuex、Redux、MobX等。

尚梦·2023-12-15 06:36

微信小程序TS项目使用mobx(页面直接使用store和自定义组件中使用store)

_Jyann_·2023-12-06 17:16

mobx v6 + react hook 状态管理配置

reacthook风格下不再使用class类的形式定义组件，也就不再适用mobx以前版本的装饰器语法。以下分享reackhook语法风格下使用mobxv6版本的状态管理配置使用方式。

醉逍遥neo·2023-11-23 15:06

React组件通信

组件通信方式propscallbackcontext（跨层级）Event事件ref传递状态管理（mobx）等props和callback方式1.父传子所有参数通过props传递，要注意，组件包裹的内容都在

itxcr·2023-11-23 12:30

antd表格添加数据不更新_在react项目中使用 antd-Table,实现动态表格数据修改

index.state.js中可以写import{observable,action,toJS}from‘mobx’;classState{@observabledata=[];@observablecolumns

Luna Li·2023-11-22 21:01

## react项目中 mobx应该怎么用？

/store'import{Provider}from'mobx-react'ReactDOM.render(,document.getElementById('root'));3.哪个组件使用，就在哪个组件中

Cc_b701·2023-11-21 07:46

mobx学习

mobx与对象和数组学习一、mobx常用api概念，基本用法1.observable不同数据类型（对象，数组，map）被包装之后的特性observable定义一个存储state的可追踪字段。

略略略_略·2023-11-20 06:39

React 数据流方案专题（Redux、MobX）

Redux专题内容简介：Redux核心它是JavaScript的状态容器（就是一个JavaScript对象），提供可预测化的状态管理。在这个容器当中可以保存很多元素的状态。在大型项目中，当状态发生变化的时候，使用redux使之变得可预测。当项目当中的状态发生问题的时候，我们可以很容易地定位到问题出现在哪里。Redux的核心概念及其工作流程：Store：存储状态的容器，是一个JavaScript对象

懒得跟猪打架·2023-11-11 13:31

vue3 ts pinia openapi vue-query pnpm docker前端架构小记

js项目(无类型)很痛苦需要手动写很多request函数去调用api，手动书写各种判断枚举值缺乏代码格式化，代码错误检查，gitcommit规范数据流要么太死板，对ts支持很差(dva)，要么太灵活(mobx

lane_developer·2023-11-09 15:37

react-query管理服务端缓存

按照来源，前端有两类状态需要管理：用户交互的中间状态服务端状态在陈年的老项目中，通常用Redux、Mobx这样的「全局状态管理方案」无差别对待他们。事实上，他们有很大区别：1

盼一族·2023-11-09 11:41

zustand状态管理源码解析（一）

关于react状态管理工具库有很多，比较出名的有redux、mobx，这两款工具库使用相对来说比较广泛，今天我们所要了解的是一个比较小而精美的状态管理工具库zustand，截止目前为止有17+的start

kanade_hu·2023-11-08 04:42

选择正确的 React 状态管理解决方案的指南

编者注：本文于2022年9月23日更新，添加了关于为什么我们需要在React中进行状态管理的信息，添加了之前未包含在文章中的其他状态管理工具，例如Jotai、MobX和Zusand，并添加了有关哪些状态管理的信息工具是

pxr007·2023-11-08 04:42

【前端状态管理】React 状态管理工具如何选 context/redux/mobx/zustand/jotai/recoil/valtio

什么是状态管理?“状态”是描述应用程序当前行为的任何数据。这可能包括诸如“从服务器获取的对象列表”、“当前选择的项目”、“当前登录用户的名称”和“此模式是否打开？”等值。众所周知，我们在研发一个复杂应用的过程中，一套好的状态管理方案是必不可少的，既能提升研发效率，又能降低研发维护成本，那么状态管理方案那么多，它们有什么不同，我们又该如何选择适合当前应用的方案呢？本期将主要就react的常用状态管理

AwesomeDevin·2023-11-08 04:10

AntV G2 Tooltip

importReact,{useEffect}from'react'import{observer}from'mobx-react-lite'import{Chart}from'@antv/g2'importbigDecimalfrom'js-big-decimal'exportdefaultobserver

__畫戟__·2023-11-07 03:45

推荐频道