Web 应用如果要更新列表数据，一般会选择点击左上角刷新按钮，或使用快捷键 Ctrl+F5，进行页面资源和数据的全量更新。如果页面提供了刷新按钮或是翻页按钮，也可以点击只做数据更新。 但移动客户端屏幕寸土寸金，无论是加上一个刷新按钮，还是配合越来越少的手机按键来做刷新操作，都不…

2020年，vue3.0 beta 和 vue3 rc陆续发布，优秀的人也早已开始各种实践新版本的新特性，而我还不懂虚拟DOM，所以赶紧跟学起来。

React Hooks 在 React@16.8 版本正式发布。我最近在一两个公司的内部项目中也开始用起来尝尝鲜。 不了解 Hooks 的同学先撸一遍文档。本文不对 Hooks 做详细介绍，只阐述一种使用 Hooks 的思路。 一般我们写 React 如果不是特别大的应用，前后…

老外写技术文章真是叼，这是国外的一个程序员写的一个简单易懂,循序渐进的Redux教程，本着共享的精神，就翻译出来给大家一起看，文章最后有链接，不想看我翻译的直接去看原文吧。 1. 谁适合学习这篇指南 2. 你将会学到什么 3. 一个小型的React开发环境 4. 什么是stat…

《xx行代码带你实现迷你React》，《xx行代码实现React hook》这样短小精干的文章。如果你只是想花一点点时间了解下React的工作原理，我向你推荐 这篇文章，非常精彩。 《React Fiber原理》，《React expirationTime原理》这样摘录Reac…

11. 重构reducer 12. Redux的store方法 13. 连接React和Redux 14. Redux store的方法 15. App component 和Redux store 16. List component 和 Redux state 17. Fo…

react和状态管理redux是紧密结合的，而本身又没有任何联系。react可以不使用redux管理状态，redux也可以脱离react独立存在。随着react的项目越来越复杂，state变的繁重，各种prop和state的转变让我们在开发过程中变得头晕眼花，react本来就是…

在React中，Virtual Dom和diff的结合大大提高了渲染效率。diff算法由最初的O(n^3)复杂度变为了现在的O(n)，那么在这其中都做了哪些事情，本篇文章为你揭晓答案～ Virtual DOM是一种编程概念。在这个概念里，UI以一种理想化的，或者说“虚拟的”表现…

Hook 是一个特殊的函数，它可以让你“钩入” React 的特性。Hook 只能再 Function Component 里面声明。 接收一个 context 对象并返回该 context 的当前值。当前的 context 值由上层组件中距离当前组件最近的 <MyContex…