![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 91
Neil-
吾日三省吾身~
展开
-
mobx入门教程
背景React的自身的状态本身由state和setState维护;但是随着应用复杂度的提升(组件间状态共享及状态变更),单纯通过setState进行状态管理的方案不仅变得代码复杂、难以维护,而且影响可扩展性;针对这种状况,React目前主要有Redux和mobx两种解决方案(均可以让状态逻逻辑从展示组件等解耦出来,提高扩展性与复用性);mobx与Redux有什么不同?Redux采用F...原创 2020-03-05 13:39:46 · 1680 阅读 · 0 评论 -
vue数据劫持
原理vue2.x是基于Object.defineProperty实现双向数据绑定的;该函数可以在获取属性值或者设置属性值的时候监听属性的get和set事件,并进行相关的操作;当然,这些具体的操作就需要通过发布订阅者模式作为补充;如模板解析时每遇到一个属性,就为该属性添加一个发布订阅,从而能够进行双向数据绑定;乞丐版function observe(obj) { if (!obj ||...原创 2019-11-29 19:13:39 · 713 阅读 · 0 评论 -
redux applyMiddleware
redux中间件redux中间件介绍进一步分析中间件redux-thunk源码解读applyMiddleware源码分析参考文献redux中间件介绍用途:主要用于处理异步数据流;redux中间件的实质是对store的dispatch进行重新和包装,修改store.dispatch的默认行为;redux中间件是对redux功能的一种扩展,也是扩展dispatch的唯一标准方式;特点:可以链式...原创 2019-11-27 17:13:30 · 381 阅读 · 0 评论 -
redux剖析
redux剖析,redux,createStore,react-redux你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。createStorefunction createStore(react-redux...原创 2019-11-27 18:18:25 · 110 阅读 · 1 评论 -
You should not use Link outside a Router
PromblemReact项目中适应`react-router-dom`组件时提示You should not use <Link> outside a <Router>ReasonReact-route v4 版本后,不允许在`Router`外部使用`Link`;需要这样使用<div className="routeMap"> <B...原创 2019-10-28 14:34:45 · 7501 阅读 · 0 评论 -
React服务端渲染框架——next.js
目录next.js介绍Hello World —— next.js自定义共享组件创建动态页面next.js介绍next.js是一个React框架,可以用于构建服务端渲染APP,渐进式web APP(PWA),导出静态页面,SEO友好等特点;服务端渲染静态导出css-in-js:支持CSS-in-JS,同时支持使用style jsx语法;构建方便:next...原创 2019-10-17 21:22:19 · 878 阅读 · 0 评论 -
React Hooks
引言从React 16.8版本开始,新增的React hooks可以让用户在不用创建react class的同时可以使用state等react属性;React为什么引入hooks?引入hooks可以将很多之前以类的形式表现的组件以函数的形式呈现,也不必从React中引入Component,不用再使用冗余的class语法,代码结构更加简洁;引入hooks之后,可以将React的state...原创 2019-10-12 21:11:51 · 393 阅读 · 0 评论 -
React Context API
Context API提出的背景在React.Context API提出以前,使用React进行项目开发时,组件间的通信主要是依赖于props属性将父级组件的props逐级传递到子组件,如下图1所示。当项目比较复杂,组件嵌套过多时,逐级进行通信不仅效率低(顶级组件的state修改可能会引发多个state的变更,从而需要调用多次setState),而且难以管理和溯源,底层组件所调用的props需要...原创 2019-03-15 16:46:28 · 259 阅读 · 0 评论 -
React 新版本特性说明
1.React 16版本以前渲染一个组件最外层有时要使用到一个无意义的<div>元素作为包裹元素,否则会报错;React 16.2版本以后,新增了react.fragment API,不需要外层有包裹元素时,可以使用<></>或者<Fragment></Fragment>(需要导入`import React, { Fragment } f...原创 2019-12-04 16:45:28 · 762 阅读 · 0 评论