落枫秋歌

背景 React的自身的状态本身由state和setState维护；但是随着应用复杂度的提升（组件间状态共享及状态变更），单纯通过setState进行状态管理的方案不仅变得代码复杂、难以维护，而且影响可扩展性； 针对这种状况，React目前主要有Redux和mobx两种解决方案（均可以让状态逻逻辑从展示组件等解耦出来，提高扩展性与复用性）； mobx与Redux有什么不同？ Redux采用F...

原理 vue2.x是基于Object.defineProperty实现双向数据绑定的；该函数可以在获取属性值或者设置属性值的时候监听属性的get和set事件，并进行相关的操作；当然，这些具体的操作就需要通过发布订阅者模式作为补充； 如模板解析时每遇到一个属性，就为该属性添加一个发布订阅，从而能够进行双向数据绑定； 乞丐版 function observe(obj) { if (!obj ||...

redux中间件redux中间件介绍进一步分析中间件redux-thunk源码解读applyMiddleware源码分析参考文献 redux中间件介绍 用途：主要用于处理异步数据流；redux中间件的实质是对store的dispatch进行重新和包装，修改store.dispatch的默认行为；redux中间件是对redux功能的一种扩展，也是扩展dispatch的唯一标准方式； 特点：可以链式...

redux剖析，redux，createStore，react-redux 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 createStore function createStore( react-redux ...

Promblem React项目中适应`react-router-dom`组件时提示 You should not use <Link> outside a <Router> Reason React-route v4 版本后，不允许在`Router`外部使用`Link`；需要这样使用 <div className="routeMap"> <B...

目录 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...

引言 从React 16.8版本开始，新增的React hooks可以让用户在不用创建react class的同时可以使用state等react属性； React为什么引入hooks? 引入hooks可以将很多之前以类的形式表现的组件以函数的形式呈现，也不必从React中引入Component，不用再使用冗余的class语法，代码结构更加简洁； 引入hooks之后，可以将React的state...

Context API提出的背景 在React.Context API提出以前，使用React进行项目开发时，组件间的通信主要是依赖于props属性将父级组件的props逐级传递到子组件，如下图1所示。当项目比较复杂，组件嵌套过多时，逐级进行通信不仅效率低（顶级组件的state修改可能会引发多个state的变更，从而需要调用多次setState），而且难以管理和溯源，底层组件所调用的props需要...

1.React 16版本以前渲染一个组件最外层有时要使用到一个无意义的<div>元素作为包裹元素，否则会报错；React 16.2版本以后，新增了react.fragment API，不需要外层有包裹元素时，可以使用<></>或者<Fragment></Fragment>（需要导入`import React, { Fragment } f...