继续上一篇文章，这篇文章主要是介绍一下Redux和Redux-Saga的基本使用以及我常在工作中使用的方法，文中如有错误，欢迎指正。本文对其中涉及到的一些概念不做具体介绍，大家可以去Redux官网去查看。文末涉及到的项目，具体代码请查看 Git仓库。 1.什么是Redux。 R…

本文依次介绍 组件、JSX、Virtual DOM、Flux架构、Redux、react-redux和性能优化。 1. 组件 组件是React的基石，所有的React应用程序都是基于组件的。 用这种方式，就实现了一个React的组件，在其他的组件中，可以像HTML标签一样引用它…

前几天写了一篇react另一个状态管理工具Unstated的源码解析。 开启了我的看源码之路。想一想用了好长时间的redux，但从没有深究过原理，遇到报错更是懵逼，所以就啃了一遍它的源码，写了这篇文章， 分享我对于它的理解。 这里实现的是一个点击按钮加减数字的效果，点击触发的行…

initialState 不必须是对象，实际上不鼓励是对象，根据实际数据相关性，进行分组和分离。这样也更利于之后代码重构，抽取相关逻辑成一个自定义 Hook 每次都是创建了新的 effect 替换之前的。

最近一直有培训机构加我微信和QQ对我进行辱骂，我出免费视频，你培训机构怎么了，市场那么大，你赚钱还不准人家自愿作免费吗？我就出，每周三集免费视频教程，目标1000集。 React Router 是一个基于React之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时…

1. 引言 如果你在使用 React 16，可以尝试 Function Component 风格，享受更大的灵活性。但在尝试之前，最好先阅读本文，对 Function Component 的思维模式有一个初步认识，防止因思维模式不同步造成的困扰。 2. 精读 也就是，一个返回了…

现在(2018年)react在前端开发领域已经越来越🔥了，我自己也经常在项目中使用react，但是却总是好奇react的底层实现原理，多次尝试阅读react源代码都无法读下去，确实太难了。前不久在网上看到几篇介绍如何自己动手实现react的文章，这里基于这些资料，并加入一些自…

虚拟 DOM （Virtual DOM ）这个概念相信大家都不陌生，从 React 到 Vue ，虚拟 DOM 为这两个框架都带来了跨平台的能力（React-Native 和 Weex）。因为很多人是在学习 React 的过程中接触到的虚拟 DOM ，所以为先入为主，认为虚拟 …