背景: 当项目越来越大，store很复杂，数据获取很复杂， connect里面的 mapStateToprops会在每次 dispath action的时候，都会重复执行一遍。会让cpu一直工作，使得

从 React Hooks 正式发布到现在，我一直在项目使用它。但是，在使用 Hooks 的过程中，我也进入了一些误区，导致写出来的代码隐藏 bug 并且难以维护。这篇文章中，我会具体分析这些问题，并总结一些好的实践，以供大家参考。 如果使用单个 state 变量，每次更新 s…

最近在做react项目的迁移，从class组件写法迁移至function组件，不得不说hooks的特性对整个代码逻辑复用性的提高还是很不错的。但是新手在接触hooks的时候，如果不了解各个API的特性的话，同样也会埋下许多神坑，后期优化费时费力。 要解决性能问题，关键在于对组件…

得益于 chrome 浏览器强大的调试能力， console.log 可谓是前端开发中解决未知问题最直接的办法，遇事不决，打个日志，简单粗暴🏈。但是在 React 项目中其实有更好的调试方案，那就是官方（脸书）出的 react devtools ，可以针对性的做一些代码的调试…

React Hooks 可以说是 React 新版本里比较重要的特性了，函数式组件的风格，易于管理的业务 Hooks 封装，不错的性能都是 Hooks 带来的好处。随着技术栈的更新，怎么用 TypeScript 来写 React Hooks 组件又是一个小难题，这边分享一些实战…

React 社区一直在探索各种 JSS 方案，比如现在比较出名的 styled-components ，但他们或多或少都有些问题存在，但是社区对 JSS 方案的探索一直没有停下，而现在看上去最像最佳方案的是 Linaria 库。翻了下这个库相关的中文资料几乎没有，于是写了这篇与…

React的新 "hooks" APIs 赋予了函数组件使用本地组件状态，执行副作用，等各种能力。 React Redux 现在提供了一系列 hook APIs 作为现在 connect() 高阶组件的替代品。这些 APIs 允许你，在不使用 connect() 包裹组件的情况…

《React 开发思想纲领》的灵感来源于我实际开发中遇到的各种场景，是我做 React 开发时的一些思考，仅仅作为参考和建议。

❗️准备知识 :熟悉 React熟悉 TypeScript (参考书籍：2ality's guide, 初学者建议阅读：chibicode's tutorial）熟读 React 官方文档 TS部分熟