在 React Conf 2018 上，React团队提出了Hooks提案。 如果你想知道什么是 Hooks，及它能解决什么问题，查看我们的讲座(介绍)，理解React Hooks(常见的误解)。 当你阅读文档时，不要错过关于最重要的部分——创造属于你自己的Hooks！太多的人…

本文介绍了无状态组件的优势以及正确的使用方式，百分之八十的人使用方式都是有误的，并且给出了 React 组件的优化方案

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 使用 Context ,首先顶层先声明 Provier 组件，并声明 value 属性，接着在后代组件中声明 Consumer 组件，这个 Consumer 子组件，只能是唯一的一个函数，函数参数即是 Cont…

高阶组件（HOCs）在React中是组件复用的一个强大工具。但是，经常有开发者在结合TypeScript使用中抱怨道很难去为其设置types。 这边文章将会假设你已经具备了HOCs的基本知识，并会根据由浅入深的例子来向你展示如何去为其设置types。在本文中，高阶组件将会被分为…

React 函数组件本质上是一个返回 React Element 的简单函数。这是 React v16.8 中最值得期待的功能，通过 Hooks 的文档，我们知道使用 Hooks 可以在无状态的函数组件中注入 state 和生命周期方法，让组件变成 stateful。Hooks…

本文是笔者写组件设计的第九篇文章, 今天带大家实现一个轻量级且可灵活配置组合的模态框(Modal)组件, 该组件在诸如Antd或者elementUI等第三方组件库中都会出现,主要用来提供系统的用户反馈. 通用型组件: 比如Button, Icon等. 布局型组件: 比如Grid…

写好的单元测试，对开发速度、项目维护有莫大的帮助。前端的测试工具一直推陈出新，而测试的核心、原则却少有变化。与产品代码一并交付可靠的测试代码，是每个专业开发者应该不断靠近的一个理想之地。本文就围绕测试讲讲，为什么我们要做测试，什么是好的测试和原则，以及如何在一个 React 项…

装饰器（Decorator）是一个函数，用来修改组件或传入的类的行为，**HOC**：一个函数接收一个组件作为参数，经过一系列加工之后，最后返回一个新的组件装饰器的使用：数据流传输：从上之下传输，ch

一、React.createRef()GitHub：https://github.com/AttackXiaoJinJin/reactExplain/blob/master/react16.8.6/p