目前主流的前端框架Vue和React，都引入了虚拟DOM的机制，这不可避免的涉及到从虚拟DOM和真实DOM的对比过程，寻找差异后更新到真实DOM树，完成视图的渲染。 React的设计更加的复杂，它不仅

React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。 state 更新的时候，组件会重新 render，产生新的 vdom，在浏览器平台下，

虚拟 DOM 虚拟 DOM 节点是一个 JS 对象，用这个 JS 对象可以表示 DOM 节点、组件节点等。有了虚拟 DOM，能提高整体研发体验和效率，同时也能解决跨平台问题。

主流程其实很简单，就是创建出根fiber，然后将根fiber的子节点的VDOM添加到根fiber的更新队列中，然后再根据这个更新队列进行fiber树的构建。

React Router 不知不觉来到了 v6 了，让我们看看有哪些新的变化，看看是否比之前好用，嘿嘿

说实话，我个人还是觉得文笔越来越不错了，以前的文章都是一个问题闷到天黑，文章写的有点乱由于文章过于庞大导致不是一气呵成的，思路有时候会很混乱。所以我也准备开始写系列文，哈哈，尝试一下嘛~系列文的好处就是每次讲一个点，争取讲的细致一些，希望大家多多指教~ 笔者小白技术栈目前主要是…

React，Dva，Umi关系简述............................................

umi框架是由 react + react-route + webpack等进行的封装，而dva则是基于redux和redux-saga的数据流方案，此外dva还额外集成了react-router和fetch。 一个完整的React页面就是View + Service + Mo…

基于 React 的组件化开发方式，为富前端 web 应用提供大量技术实践，社区逐渐形成了稳定的组件规范，本文从 API 层面归纳出 6 种组件类型，分析其优缺点和适用场景，为日常组件开发提供一个方法指南。6 种类型分别为结构型组件、样式型组件、组合型组件、配置型组件、受控型组…