1. React 中 keys 的作用是什么？ Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 有了key属性后，就可以与组件建立了一种对应关系，react根据key来决定是销毁重新创建组件还是更新组件。 key相同，若组件属性有所变化，则…

首先讲讲 hashHistory 是什么。 众所周知，在单页应用中，我们常用的两种路由策略是 hashHistory 和 browserHistory。其中 browserHistory 是古老的路由方式，从网页诞生一直沿用到现在，比如掘金个人文章页面的地址 https://j…

距离第一篇《React源码解析(一)》已经过去将近4个月的时间，由于是我第一次进行源码解析相关的写作，思路和文笔还不够成熟。一百多天以来，我基于读者反馈反思这几篇文章中的不足，同时也在不断学习借鉴其他优秀作者的写作方法和写作思路。最终总结出对于自己的源码写作来说，需要改进的几点…

上篇文章介绍了前端路由的两种实现原理，今天我想从react-router源码分析下他们是如何管理前端路由的。因为之前一直都是使用V4的版本，所以接下来分析的也是基于react-router v4.4.0版本的（以下简称 V4），欢迎大家提出评论交流。Let's get star…

从 React V 16.8.0 和 React Native 0.59.0 版本开始, 引入了React Hook的概念。React Hook 在开发支持就考虑到了类型，所以很多Hook函数可以直接推断出他们的参数、返回值等类型，但也有一些场景需要我们显示声明类型。阅读本文前…

react-router是做SPA(不是你想的SPA)时，控制不同的url渲染不同的组件的js库。用react-router可以方便开发，不需要手动维护url和组件的对应关系。开发时用react-router-dom，react-router-dom里面的组件是对react-r…

本文需要先行了解 Hooks 的基础知识。 React 状态管理实现有两种，一种是 Flux 架构的，例如 Redux，其通过 Context 实现全局状态共享；另一种是响应式的，例如 Mobx，通过可观测对象和 HOC 实现状态共享。 在 Hooks 出来后，之前的通过 pr…

这里还有 electron 版本 douban-movie-electron，目前还在施工中👷...

React.js 小书 本文作者：胡子大哈本文原文：React.js 小书 转载请注明出处，保留原文链接以及作者信息 在线阅读：http://huziketang.com/books/react/ 简介 这是一本关于 React.js 的小书。 因为工作中一直在使用 React…