一起来学React

现在写 React 项目基本上都是用 create-react-app 脚手架来创建，非常方便，省去一大堆的打包和构建配置。然而方便的代价就是牺牲了一些灵活性，像是一个黑盒，开发者没办法在构建流程中添

在类组件当中，我们可以给 setState 传递一个 callback 用于拿到最新的状态值，例如： 但是在 useState hook 中，我如何在 setState 之后拿到最新的状态值呢？

在 React 中，下面几个概念容易搞混： React.memo React.useMemo React.useCallback 在讲它们的使用场景和区别之前，有必要了解一个概念，叫做记忆化。

什么是 Render Props？ 具体的写法如下： 也就是说，在 Component 组件内部渲染的时候，会调用 this.props.render 方法获取外部传过来的 jsx

什么是 Ref？允许用户直接访问 DOM 节点或 React 元素。 我们知道，在 React 中写的 jsx 都是虚拟 DOM，还没有生成真实 DOM 呢，那如果想拿到真实 DOM 怎么办？

Portal 提供了一种将子节点渲染到存在于父组件以外 DOM 节点的方案。createPortal 这个 API 通常用于创建模态窗口或对话框之类的场景。

本文是 React Context 简介，通过回答如下三个问题来对 Context 进行简单介绍： Context 是什么？ Context 解决了什么问题？ Context 最典型的使用场景是什么？

在 redux 当中，用下面两种方式都可以获取到 store 中的状态：在组件里面调用 store.getState() 方法或用 `mapStateToProps` 把状态映射到组件的 props

useEffect 可以说是 React hooks API 中最常用的一个函数了，它接收两个参数： 副作用回调函数 依赖项数组 其中，回调函数执行的次数完全依赖于依赖项数组，会出现以下三种情况。

大家都知道，在 React 中是通过 setState 来更新类组件的状态的，但是你真的了解其运行机制吗？