萧然自我的博客

声明：本文为译文，原文链接：https://www.robinwieruch.de/react-librariesReact 已经诞生很久了，自从它诞生开始，围绕组件驱动形成了一个非常全面的生态，但是来自其他编程语言或者框架的开发人员很难找到要构建一个 React 系统的所有组件。如果你是来自于像 Angular 这样的框架的开发者，你可能已经习惯了框架包含了所需要的所有功能，然而对于 R...

文章首发自个人博客最近我发现很多面试题里面都有「如何理解虚拟 DOM」这个题，我觉得这个题应该没有想象中那么好答，因为很多人没有真正理解虚拟 DOM 它的价值所在，我这篇从虚拟 DOM 的诞生过程来引出它的价值以及历史地位，帮助你深入的理解它。什么是虚拟DOM本质上是 JavaScript 对象，这个对象就是更加轻量级的对 DOM 的描述。对，就是这么简单！就是一个复杂一点的对象...

前言CSS 里面的伪元素其实是非常好用的，但是经常容易被大家忽略，伪元素里面常用到的 content 属性，可能现在很多人仅仅以为 content 属性的值只支持字符串，除了字符串外常用到的还有 uri、counter ，今天所要介绍的就是 conter(计数器)。先看如下的例子：<div> <h3>桃翁</h3> <h3>介绍&lt...

文章首发个人博客前言目的本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如 key 的使用。另外本文不详细的介绍 API 的使用，后面也许会写，其实想用好 hooks 还是蛮难的。面向读者有过 React 函数式组件的实践，并且对 hooks 有过实践，对 useState、useCallback、useMemo API 至少看过文档，如果你有过对类...

没看第一篇的朋友可以移步先去看第一篇：新手学习 react 迷惑的点(一)第一篇反响也还不错，很多新手都觉得很有帮助，解答了他们很久以来的疑惑，其实第一篇里面的还算基础的，主要是 ES6 语法和 JSX 没有深刻理解。这第二篇稍微要难一点，有的需要了解 React 的原理才能搞明白的，不过你放心，我都用了最简单最简单的语言，即使你是个新手，如果产生了这些疑问，你也能看懂。下面开始吧！为什么...

网上各种言论说 React 上手比 Vue 难，可能难就难不能深刻理解 JSX，或者对 ES6 的一些特性理解得不够深刻，导致觉得有些点难以理解，然后说 React 比较难上手，还反人类啥的，所以我打算写两篇文章来讲新手学习 React 的时候容易迷惑的点写出来，如果你还以其他的对于学习 React 很迷惑的点，可以在留言区里给我留言。为什么要引入 React在写 React 的时候，你可能会...

文章首发于个人博客 这是我 Deep In React 系列的第二篇文章，如果还没有读过的强烈建议你先读第一篇：详谈 React Fiber 架构(1)。 前言 我相信在看这篇文章的读者一般都已经了解过 React 16 以前的 Diff 算法了，这个算法也算是 React 跨时代或者说最有影响力的一点了，使 React 在保持了可维护性的基础上性能大大的提高，但 Di...

文章首发于个人博客前言2016 年都已经透露出来的概念，这都 9102 年了，我才开始写 Fiber 的文章，表示惭愧呀。不过现在好的是关于 Fiber 的资料已经很丰富了，在写文章的时候参考资料比较多，比较容易深刻的理解。React 作为我最喜欢的框架，没有之一，我愿意花很多时间来好好的学习他，我发现对于学习一门框架会有四种感受，刚开始没使用过，可能有一种很神奇的感觉；然后接触了，遇到...

点我可以访问我的个人站点今天我想谈的react的优势有两点： 1. 声明式写法更符合人性 2. 减少dom操作使性能得以提升现在我们就写一个最简单的计数例子来比较传统的jquery和react。jquery方式html> head> meta charset="utf-8"> title>title> head> body> butt

开头篇在没用react之前也行用的图标库就是haightchart或者echarts，当你转向react之后，你就该用用recharts了，一个基于react组件的组合图表库。简介Recharts是一个基于react组件的组合图标库。拥有三大特性：Composable(可组合的)、Reliable(可靠的)、Powerful(强大的); 1. Composable 快速用解耦的、可重用的React