在Web开发中，需要将数据的变化实时反映到UI上，这时就需要对DOM进行操作，但是复杂或频繁的DOM操作通常是性能瓶颈产生的原因，为此，React引入了虚拟DOM（Virtual DOM）的机制。 什么是虚拟DOM？ 虚拟DOM VS 直接操作 ...

先上一张经典图为敬 redux-saga 是一个用于管理redux应用异步操作代替 redux-thunk 的中间件 集中处理 redux 副作用问题。reducer负责处理action的 ...

一、JavaScriptCore 讲react Native之前，了解JavaScriptCore会有帮助，也是必要的。react Native的核心驱动力就来自于js Engine. 你写的所有js和JSX代码都会被JS Engine来执行, 没有JS Engine的参与，你是无法享受 ...

高阶组件的这种写法的诞生来自于社区的实践，目的是解决一些交叉问题(Cross-Cutting Concerns)。而最早时候 React 官方给出的解决方案是使用 mixin 。而 React 也在官网中写道： We previously recommended mixins ...

React Hooks原理 React Hooks 简介 React Hooks 是 React 16.8 以及之后版本的产物，React Hooks 就是一堆钩子函数，不同的钩子函数提供了不同的功能，React 通过这些钩子函数对函数型组件进行增强。Hooks 允许你在不编写 class ...

通常，当客户端请求一个包含React组件页面的时候，服务端首先响应输出这个页面，客户端和服务端有了第一次交互。然后，如果加载组件的过程需要向服务端发出Ajax请求等，客户端和服务端又进行了一次交互，这样，耗时相对较长。服务端是否可以在页面初次加载时把所有方面渲染好再一次性响应给客户端 ...

今天与你分享的是 redux 作者 Dan 的另外一个很赞的项目 react-dnd (github 9.6k star)，dnd 是 Drag and Drop 的意思，为什么他会开发 react-dnd 这个项目，这个拖放库解决了什么问题，和 html5 原生 Drag Drop ...

react-window 这篇是 react-window 的源码阅读, 因为此库使用的是 flow, 所以会涉及一些特殊的东西, 和 ts 类似 使用 List 首先是 List 的使用: 相对 react-virtual 的使用来说简单了很多, 使用方便, 但是相对地, 暴露 ...