很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

我们会在另外文章针对react和vue进行具体解读，因此本文不会涉及两者过多的细节。 我们在js的使用过程中，会把一些解决常用问题的方案抽离出来复用，这被称为library，比如jquery和lodash，我们可以用前者操作dom，用后者封装的一些常用函数。 而在我们日常开发做…

介绍了八种 React 条件渲染方式。 这样对 React 渲染效率有提升。 将组件赋值到变量，就可以在 return 前任意修改它了。 但三元运算符产生嵌套时，理解成本会变得很高。 这个是最常用了，因为代码量最少。 高阶组件，就是返回一个新组件的函数，并且接收一个组件作为参数…

几个月前React Hooks正式发版，在正式发版之前，发布了alpha版本，这时就已经有很多人开始分享React Hooks的使用方式和经验。笔者也是等到了正式发版稳定后才开始学习，这次在原来高仿B站视频弹幕的基础上使用Hooks开发了直播功能 由于一些原因，才引入了Hook…

如果初涉 React 应用开发，你可能曾嘀咕过：“受控组件和非受控组件是啥？”。那么我建议你额外花点时间先看看官网的文档。 在 React 应用中之所以需要受控组件和非受控组件，起因于<input>、<textarea> 和 <select> 这类特定的 DOM 元素默认在 D…

该系列文章将跟随作者的开发进度持续更新。 本系列文章尽可能多的涉及到每个步骤、每个文件和每个更新。 本系列文章中，整个项目的开始基于官方提供的 creat-react-app 进行react构建，所有内容将使用最新的库版本进行开发。 UI组件库必备的内容，就是文档的编写，而这也…

了解 React 的人几乎都听过说 Virtual DOM，甚至不了解 React 的人也听过 Virtual DOM。那么 React 的 Virtual DOM 到底长什么样子呢？今天我们将一探 React 的源码来揭开 React Virtual DOM 的神秘面纱。 1…

Storyshots: 快照测试。 Specs: 交互测试。 Notes: 在 story 中添加备注。 Info: 用于创建 css 框架手册。 Readme: 将 markdown 导入为 story。 actions: 显示事件的 event 对象。 Intl: 添加 l…

怎么说嘞，我又写了个音乐播放器，不过这次是用 React 写的。之前实习的时候用了两个多月 React，实习结束之后过了两个月就已经快把 React 忘了，所以决定写个项目复习一下。 加上自己之前用 Vue 实现过一个简单的手机端 Web 版音乐客户端，虽然功能还比较全，但是距…