自从react16.8，react-hooks诞生以来，在工作中一直使用hooks，一年多的时间里，接触的react项目，渐渐使用function无状态组件代替了classs声明的有状态组件，期间也总结了一些心得。尤其对于近期三个月的项目里，一点点用自定义hooks来处理公司项…

在所有的 DOM 变更之后同步调用 effect，可以使用它来读取 DOM 布局并同步触发重渲染，在浏览器执行绘制之前，useLayoutEffect 内部的更新计划将被同步刷新。

我的上一个项目尝试使用了react16.0进行开发，并全线使用hooks-api，开发时由于没有注意react组件渲染机制，导致项目的性能大大低于预期。开发一时爽，完成后才发现对于react的hooks只是机械性的使用，未能得其精髓，在又一次的react16.0的学习中，看到了…

重构过程中，肯定会遇到新的代码如何做技术选型的问题，要考虑到这套技术的生命力，也就是他是否是更新的技术，还有他的灵活和拓展性，期望能够达到在未来至少 3 年内不需要做大的技术栈升级。我的这次重构经历是把 jQuery 的代码变为 React ，你品品，算是最难，劳动最密集的重构…

通常我们在做调查问卷，购买商品的时候，商家为了吸引客户，增加与客户之间的互动，会引导客户前往一个九宫格抽奖界面，点击中间的抽奖按钮后，整个抽奖池会循环地给奖品添加动态样式，实现跑马灯的效果，最终停在某一个奖品格子上，确定抽奖结果。 现在网上流行的解决方案，要么使用canvas实…

在React Conf 2018宣布React Hooks后，我第一时间开始尝试使用React Hooks，现在新项目基本不写Class组件了。对我来说，它确实让我的开发效率提高了很多，改变了已有的组件开发思维和模式. 我在React组件设计实践总结04 - 组件的思维中已经总…

现在稍微大型的站点都会采用H5/PC端 并行，通过nignx获取浏览器的UA信息来切换站点。 但这对于一些企业站点或人手不足的小型项目来说，就很难实现。 通过CSS媒体查询实现响应式布局，是主流方式。 但是，有时在React程序中，需要根据屏幕大小有条件地渲染不同的组件（写媒体…

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