父组件中使用createContext创建的Context.Provider。这个组件允许消费组件订阅Context的变化。当 Provider 的 value 值发生变化时，它内部的所有消费组件都会重新渲染 在上面代码中child就能够消费在parent中定义的值。 但是上面…

ReactHook指南什么是Hook？Hook出现解决了什么？什么时候使用Hook?React内置的HookuseState状态管理useState定义/使用完整栗子useEffect生命周期管理定义

平常在完成业务功能开发后，不知道你是否还会精益求精，做一些性能优化方面的工作呢？React框架中有一些性能优化相关的注意事项，如果平常不怎么关注的话，可能就很容易忽略掉。接下来的这篇文章，将围绕工作中会用到的几种性能优化的相关经验进行介绍。 在渲染列表结构数据的时候，使用key…

本篇是偏向手册类型的总结性文章。 平时在写React时，遇到最频繁的场景就是组件的更新了，也总是避免不了考虑是否要对组件的更新进行优化，因此归纳总结一下，一方面有助于理清思路，避免混淆众多的API；另一方面也可以当作复习。 第一部分主要讲 React 最基本的更新方式，其他复杂…

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧解决一些实际问题，本文中使用的代码都是简化后的，不代表生产环境。生产环境的代码肯定比文中的例子要复杂很多，但是简化后的思想应该是相通的。 那么比如在路由发生…

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

最近，我的第一本小册《React Hooks 与 Immutable 数据流实战》在掘金成功上线。各位期待的粉丝朋友久等了，两个月之前的计划一直拖到了现在，也经常在 GitHub 的 issue 区也能感受到大家焦急的心情，实在非常抱歉，不过万幸的是，它终于成功地问世了。 上线…

React Hooks 渐渐被国内前端团队所接受，但基于 Hooks 的数据流方案却还未固定，我们有 “100 种” 类似的选择，却各有利弊，让人难以取舍。 本周笔者就深入谈一谈对 Hooks 数据流的理解，相信读完文章后，可以从百花齐放的 Hooks 数据流方案中看到本质。 …

相信写过 React 项目的人都已经非常熟练, 受控组件就是: 把一个 input 的 value 和 onChange 关联到某一个状态中. 行业内极力推崇单向数据流的方案, 我在之前的项目中一直以 redux + immutable 作为项目管理, 项目也一直稳定运行, 直…