学习 React DnD 的最初原因是阅读《如何写一个拖拽日历组件》附的源码时，看不懂拖拽组件 React DnD 的相关代码，于是行动力极强地学习了React DnD这个组件。 DragDropContextProvider 与 DragDropContex 类似，用 Dra…

React v16.7.0-alpha 中第一次引入了 Hooks 的概念，在 v16.8.0 版本被正式发布。React Hooks 在 React 中只是对 React Hook 的概念性的描述，在开发中我们用到的实际功能都应该叫做 React hook。 React Ho…

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

解析教程中的的 DataList 列表组件、DataTable 表格组件，把数组数据渲染为列表、表格。

这个项目其实功能很简单，就是常见的主页、博客、demo、关于我等功能。 页面样式都是自己写的，黑白风格，可能有点丑。不过还是最低级的 CSS ，准备到时候重构 ~ antd：部分组件懒得自己写。。 由于不是使用 React 脚手架生成的项目，所以每个东西都是自己手动配置的。。。…

react凭借virtual DOM和diff算法拥有高效的性能，除此之外也有很多其他的方法和技巧可以进一步提升react性能，在本文中我将列举出可有效提升react性能的几种方法，帮助我们改进react代码，提升性能。但是我们不必一定要在项目中使用这些方法，但是我们有必要知道…

前言React生命周期一、初始化阶段1、设置组件的默认属性2、设置组件的初始化状态3、componentWillMount()4、render()5、componentDidMount()二、运行中阶

制作 CountDown 倒计时组件，渲染倒数计时器，在达到零时处理相关事件。可暂停计时或重新开始。

JSX的表达式要放在大括号中,推荐在 JSX 代码的外面扩上一个小括号，这样可以防止分号自动插入的bug。 Babel 转译器会把 JSX 转换成一个名为 React.createElement() 的方法调用，下面两种方法效果等同。 将React元素渲染到根DOM节点中。 R…