Redux 毫无疑问是众多 React 项目首选的状态管理方案，但我觉得 Redux 的开发体验并不好。 去到管理 redux 的文件夹，思考把这个状态放到状态树的哪个位置，然后新建一个文件夹并命名 myFeature。 以上只是加个状态而已，写很多模板代码还是其次，最要命的是…

React的核心机制：虚拟DOM。我们平时写的JSX，实际上babel会帮我们转成React.createElement，用来生成虚拟DOM树。以下是源码部分。 ?typeof是个symbol值，不支持symbol的环境会是一个特殊数字，为什么是这个数字？据说因为 0xeac…

简单说它就是一个列表组件，用来显示列表视图，类似Android中的ListView，iOS中的UITableView。作为列表组件，ListView是非常常用的。虽然官方文档中指出ListView已经过期，指定FlatList和SectionList替代ListView来使用，…

组件化给前端带来前所未有的流畅体验，我们可以使用这些组件拼装我们的完整的 UI 界面。开发提速的同时也提高了可维护性。但是随着业务功能复杂度的提高，越来越多的重复逻辑代码出现，我们不得不复制粘贴、不得不维护多处代码。为了解决这个问题，React 团队不断探究逻辑复用方案：从 M…

调用 history.pushState() 或者 history.replaceState() 不会触发 popstate 事件. popstate 事件只会在浏览器某些行为下触发, 比如点击后退、前进按钮(或者在JavaScript中调用 history.back()、hi…

本文不会有React具体应用的内容，只是一些对于hooks跟之前的类组件的比较，对于hooks本身的思考。 笔者在今年的8月份入职现在的公司，从原来的vue转为React。因为公司还存在一些比较老的项目，所以前期并没有完全投入到React的项目开发当中。从10月份开始，参与了一…

useEffect，顾名思义，就是执行有副作用的操作，你可以把它当成componentDidMount, componentDidUpdate, and componentWillUnmount 的集合。它的函数声明如下 需要注意的是，这里的useEffect的第二个参数必须传…

掌握 React Hooks api 将更好的帮助你在工作中使用，对 React 的掌握更上一层楼。本系列将使用大量实例代码和效果展示，非常易于初学者和复习使用。 今天我们讲讲 useEffect 的使用方法。 在 componentDidMount 和 componentDi…

自定义Hook可以将一些逻辑抽离至可复用的函数里。 假如现在聊天应用还有一个联系人列表，我们想要给在线用户的名字搞绿，我们可以将上面类似的逻辑复制并粘贴到FriendListItem组件中，但这很丑陋。 所以我们想要做的是在FriendStatus 和 FriendListIt…