Mobx 第15页

create-react-app + mobx 之配置篇

create-react-app+mobX配置一、前言：之前在学react时用的都是redux作为状态管理库，后来在和小伙伴讨论后发现，redux虽然好，但是在使用时总是感觉不够简单，然后得知有另一个比较流行的状态管理库

xiangkun12315·2020-07-05 08:43

react在hook中使用mobx

和class组件的写法不同，hook使用mobx需要在组件的最外层包裹一层mobx-react提供的observer，在没有包裹observer的情况下可以拿到mobx的数据也可以改变mobx的数据，但是改变之后不会触发视图的更新

养只猫·2020-07-05 08:10

react-mobx+less+antd+axios

plugin-proposal-decorators-d注意一下：babel版本问题装的插件会有点问题，最好装饰器识别装两个插件npmibabel-plugin-transform-decorators-legacy-dmobx

qq_39125445·2020-07-05 07:37

create-react-app+mobx（+装饰器）+antd 一步一步搭建过程

全局安装npminstall-gcreate-react-appyarn//yarn这是一个类npm的管理工具挺好用的安装包可以离线安装安装过一次不需要重复请求外网create-react-app你的项目名字//创建项目然后开始安装配置和工具下面是antd官方网站引入的解释和步骤详情自己看下就好了很简单的//安装antdui库yarnaddantd按需加载的方式antd//引入react-app-

苍狼笑月·2020-07-05 03:16

react+mobx实现侧边栏菜单

菜单配置文件container>sideMenu>configMenu.js/***@description左侧菜单配置*@param(leafMenuModels)子节点菜单*@param(active)boolean当前菜单是否被选中*@param(id)string菜单ID，唯一，不能重复*@param(name)string菜单名称*@param(router)菜单对应的路由*@param

时光之里·2020-07-04 23:28

关于antd modal组件使用的一些新得

首先我在用modal组件的时候先把modal组件又封了一层，代码importReact,{Component}from'react';import{observer,inject}from'mobx-react

leixiang126·2020-07-04 21:30

进击reactjs（2）-----对目前reactjs两种主流管理状态的理解（redux管理状态）

我接触react也有两年多的时间了，react目前的主流的管理状态的方式也都在项目中用过（redux和mobx）,对这两种管理状态的方式也有自己一定的理解，所以在这分享一下。

leixiang126·2020-07-04 21:59

taro坑之父子通信在父组件数据更新后子组件时而可以接受到最新变化的值（导致子组件不更新渲染页面）时而接受不到暂时的处理方式是不使用组件嵌套直接在父组件中完成

importTaro,{Component}from'@tarojs/taro'import{observer,inject}from'@tarojs/mobx'import{fromJS,is,List

after you·2020-07-04 16:41

如何在create-react-app里使用@装饰器

问题描述：由于create-react-app目前还没有添加装饰器，直接用的话会报错，但项目中不得不使用装饰器，比如引入MobX。

sundial dreams·2020-07-04 14:20

create-react-app开启装饰器来使用mobx

在学习mobx状态管理工具的时候遇到了编译过程@装饰器无法通过编译的错误Supportfortheexperimentalsyntax'decorators-legacy'isn'tcurrentlyenabled

养只猫·2020-07-04 01:15

一分钟搞定 react-native mobx

这里简单介绍mobx的用法首先要装几个第三方库npmimobx-savenpmimobx-react-savenpmibabel-plugin-transform-decorators-legacy-save-dev

cielu·2020-07-02 14:08

React Native 之 mobx使用

此文档主讲的mobx是目前两大ReactNative进行状态数据管理的库之一,相比成熟的老大哥redux,mobx较新，所以论成熟度、扩展性等不如redux，但是mobx基于运行时始终保持最小的数据依赖

MI移动·2020-07-01 11:20

react-native+mobx+typescript 开发

1、正常初始化一个RN项目：react-nativeinitTest2、添加typescript组件，具体可以查看官网RN项目添加typescript：npminstalltypescript-dev-save新建typescript的配置文件：touchtsconfig.json参开配置：然后添加react和react-native的d.ts文件，就能愉快用typescript进行开发。npmi

sunny635533·2020-07-01 04:50

ClassIS 班级信息服务系统

ClassISClassIS即ClassInformationService，班级信息服务采用前后端分离的开发模式后端使用Flask框架，提供一些Restful风格的API接口前端使用React框架，并结合mobx

Linuweb·2020-06-30 19:38

react源码阅读笔记（6）setState解密

本文使用的是react15.6.1的代码在react开发的时候，当我们没有使用flux,mobx,redux等状态管理管理工具的时候，总会调用this.setState这样一个api。

Kaku_fe·2020-06-30 01:53

使用 create-react-app 构建一个 react 项目的基础架构

项目介绍使用create-react-app构建一个react项目的基础架构包括:react-router4.0的使用axios获取远程api内容从flux->redux->redux-sage迁移转变的过程，mobx

yxcs·2020-06-30 00:15

django2.2 简单博客二

将脚手架react-mobx-starter-master在项目目录前，改名为blog-fe(front-end)，在命令中输入npmi装载。

SHSF飚·2020-06-29 07:33

React轻量状态管理库

跨组件通信解决方案：react本身的Context;redux：结合react-redux,非为react设计的，对于小型应用比较重;mobx：结合mobx-react,非为react设计的，对于小型应用比较重

水中有花，花需耕耘·2020-06-29 04:54

Mobx的简单使用（@ observable、@ observer、action）

它用mobx.autorun包装了组件的render函数以确保任何组件渲染中使用的数据变化时都可以强制刷新组件。action用法:action(fn

偶然中的必然·2020-06-28 22:55

2017-10-21 前端日报

Vue2.0的学习笔记：Vue的过滤器DeprecationsandremovalsinChrome63MockingisaCodeSmellOptimizingReactapplicationwithmobx–AntonLavrenov

weixin_34348174·2020-06-28 17:50

用JS开发跨平台桌面应用，从原理到实践

另外electron-react还可作为使用Electron+React+Mobx+Webpack技术栈的脚手

weixin_34309543·2020-06-28 16:42

前端三大框架对比

React与Vue相同点使用VirtualDOM，有较高的运行速度提供组件化功能可使用mobx与vuex进行状态管理，响应式、依赖追踪React子组件重复渲染问题需要手动优化可以使用redux进行状态管理

weixin_34194359·2020-06-28 13:25

源码分析 - 收藏集 - 掘金

$.extend其实调用的是内部方法exte...如何自己实现一个mobx-

weixin_34032621·2020-06-28 10:57

Taro 开发日记-3 首页登录

实现目标首页希望做成没有信息的时候显示空,点击获取用户信息之后能够显示当前用户的昵称和头像使用mobx1.首先在store文件夹下创建一个unserInfo.ts文件,这里store下不需要用掉的counter.ts

momokara·2020-06-28 06:20

可动态增加、删除的全局蒙灰弹层

from'react'importPropTypesfrom'prop-types'importassignfrom'object-assign'import_from'lodash'import{observable,action,}from'mobx'import

weixin_30666753·2020-06-27 23:13

React 优秀文章摘要

[React源码剖析系列－生命周期的管理艺术](https://www.w3ctech.com/topic/1596)Paste_Image.pngMobX相关http://www.tuicool.com

void_main·2020-06-27 12:54

前端开发及登录功能实现--Django播客系统(九)

文章目录前端开发及登录功能实现--Django播客系统(九)开发环境设置开发前端路由Route指令登录组件注册组件导航栏链接分层登录功能实现UserService的login方法实现token持久化--LocalStorageMobx

带着梦想飞翔·2020-06-27 05:52

mobx 在ReactJS项目中的运用

mobx能干什么使用react写小型应用，数据、业务逻辑和视图的模块划分不是很细是没有问题的。在这个阶段，引入任何状态管理库，都算是奢侈的。

Gavin13140·2020-06-27 02:50

mobx用于react简易教程-todolist

mobx是很好，很容易理解的状态管理工具先讲一下这个案例是做TODOlist的案例，利用antd样式，用mobx做的状态管理具体效果如下项目案例源码：https://github.com/xiaqijian

MrIsaac·2020-06-27 01:57

React Native多图层View,实现empty,content,error,loading等界面无缝跳转

react-native-multiview点击这里到github，先上图（2）用法介绍一下用法：主要是提供一个状态，在state中管理这个状态，当然用mobx或者redux也可以！

果维·2020-06-26 21:57

前端开发及登录功能实现（项目源码：https://github.com/sqsltr520/python）

1.前端开发环境设置使用react-mobx-starter-master脚手架，解压更名为frontend。在src中新增component、service、css目录。

莫问收获，但问耕耘·2020-06-26 14:45

轻松开发企业级中后台项目，顺手掌握工程化的react开发架构

mobx_antd_react中后台spa完整项目脚手架。

大灰狼的小绵羊哥哥·2020-06-26 10:47

mobx

@observable用来声明一个属性可以被监听@observer用来声明一个类中可以根据监听数据发生变化而发生变化@inject("xx")注入Provider中传入的属性到当前类中,可以在this.props中访问到@computedgetfunc用来创建一个计算属性该计算属性的set方法可以用来做逆向推导其他属性autorun(fn,{onError:func})会对在方法体内使用的监听属性

Vijay_·2020-06-26 04:21

mobx-react 简单翻译

mobx-react是通过组件将mobx和react进行组合，导出了observer和一些开发工具.详细文档参考MobX支持react和react-nativenstallationnpminstallmobx-react

sherlock221b·2020-06-25 17:07

2020年你应该知道的React库

局部状态:React的useState,useReducer,useContextHooks通过GraphQL的远程状态:ApolloClient通过REST的远程状态:ReactHooksorRedux/MobX

这碗花里只有粥·2020-06-25 11:22

微信小程序中使用mobx

微信小程序中使用mobx最近在做微信小程序的项目，由于在react项目中使用mobx作为状态管理工具，所有也想在小程序项目中使用mobx为项目做数据驱动。

kay_loving·2020-06-24 23:37

Flutter源码系列之《二》浅谈Flutter的状态管理库Provider

105450640Flutter开发过程中一个常见的问题就是状态管理，所谓状态管理就是管理Flutter的Widget状态，对于Flutter的状态管理，社区上已有多种成熟的方案：Provider、Redux、MobX

llew2011·2020-06-24 08:50

React Native 资源

中文网ReactNavigationRedux入门教程（一）：基本用法Redux入门教程（二）：中间件与异步操作Redux入门教程（三）：React-Redux的用法Redux中文文档Redux英文文档MobX

红叶丶秋鸣·2020-06-23 12:14

react + mobx 实现基本的 todolist

之前使用react都是直接用了redux，对于mobx也只能说是久仰久仰，现在有机会了就来试一试mobx是使用了proxy来进行数据双向绑定的一个库，如果使用过vue的话，对于里面的部分功能就不会陌生了

dongceha·2020-06-23 05:58

React 16.x折腾记 - (3) 结合Mobx实现一个比较靠谱的动态tab水平菜单,同时关联侧边栏

效果如下关联展示单个删除和删除其他的标签只有一个时候是不允许关闭,所以也不会显示关闭的按钮,关闭其他也不会影响唯一的多tag换行基础环境mobx&mobx-reactreact-router-domv4styled-componentsreact16.4

crper·2020-06-22 18:41

React Native基于mobx 实现 listview列表默认选中，选中，取消选中

在移动开发中是个很常用对的控件，不管是andorid还是ios，在显示长列表视图时，都是个不错的选择（ps：andorid有更好的新控件），那么在reactnative中也是如此，本文是从项目中摘出来的，是配合mobx

_sure_·2020-06-22 08:50

在React项目中使用表格‘无缝滚动’

以下是一个表格无缝滚动的封装组件importReactfrom'react';import{observer}from'mobx-react';import{Table,Input,InputNumber

☞你你你☜·2020-06-21 21:49

2020年前端面试题汇总

路由）+ vue_resource||axios（ajax请求）+ mint-UI(移动端UI框架库)||antd-vue(PC端UI框架库)react全家桶：react（整体架构）+ redux||mobx

全栈开发者ＡＡ·2020-06-21 18:04

React 的生命周期和无状态组件

在使用redux或者mobx之后，理论上可以全部使用无状态组件。

swensun·2020-06-21 13:14

axios + router4 + mobx：对于全局登录的思考

import{observable,action}from'mobx'classRout

swensun·2020-06-21 13:26

解决 React 中的 input 输入框在中文输入法下的 bug

以下会涉及到的技术点：reactmobxcompositionstartcompositionupdatecompositionend问题描述在使用input时，通常会对输入的内容做校验，校验的方式无非两种

丽媛儿·2020-06-20 20:26

在小程序中使用状态管理mobx

在小程序中使用状态管理mobx使用mobx后，进入二级页面修改数据返回一级页面显示的数据跟着变先看效果控制台打印的数据以下是代码store.js//js/store.js//手动安装时引入的路径import

stumpx·2020-06-18 19:00

第22期 Recoil-Facebook官方React状态管理器 & Facebook前端技术栈重构分享

在Class时代，redux与mobx几乎占据了全部市场，几乎没有没用过redux的同学。随着Hooks的诞生，新的一批轮子应运而生，其中有代表性的有unstated-next、constate等等。

前端收藏家·2020-06-06 07:03

应用connected-react-router和redux-thunk打通react路由孤立

常见的状态管理工具有redux，mobx，这里选择redux进行状态管理。值得注意的是React16.3带来了全新的ContextAPI，我们也可以使用新的Cont

丘比特·2020-06-01 19:02

js vue中依赖收集

依赖收集是Vue.js和Mobx.js核心的之一。

冰雪_666·2020-05-12 18:20

推荐频道

Mobx