1. <></> 和 <Fragment></Fragment> 区别 前者是后者的语法糖，其实还不准确。二者还是有区别的，当有属性要加的时候只能是后者，当然属性只能是 key。 <Fragment>

一个页面在呈现给用户之前需要经过静态资源加载、后端接口请求和渲染这三个过程，我们要做的就是在各个过程中防御可能出现的异常情况，保持流畅的用户体验，同时还要应对来自外部的攻击。 在页面内容呈现给用户之前，会一直保持loading动画的效果，避免因网络原因造成用户体验的中断。 静态…

不管是在 Vue 还是在 React 中，都是通过 Props 向数据传递到子组件中，如果组件嵌套很深，就会有 Props 透传的问题。 在 Vue 中提供了 provide 和 inject 依赖注

context 是 React 提供的特性，可以实现任意层级组件之间的数据传递。 可能大家用过 context，但是不知道它是怎么实现的。 本文就从源码层面来讲下 cotnext 的原理，而且我们能从

useContext useContext 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。设计的目的就是解决组件树间数据传递的问题。 用法 参数 入参 context

React 15 以及之前的版本有一个主要的问题 —— 虚拟 DOM 的 diff 操作是同步完成的。 这就意味着当页面上有大量 DOM 节点时，diff 的时间可能过长，从而导致交互卡顿、没有反馈。

本文介绍了 Redux 在 React 中的使用，通过 Redux Toolkit 和 React-Redux 实现高效状态管理，利用一些方法简化组件连接和异步操作。

前言 兄弟也是好起来了，又又有大厂面试了。 面试过程： 一、自我介绍 这个自我介绍我之前在面试文章中提到过，大家可以翻翻查看。 二、实习经历 面试官看到我目前在一家公司实习，于是让我聊了聊我的业务内容

React Hook Form 是一个基于 React 的轻量级表单验证库。它使用了 React Hook API，让表单验证变得简单、易用、高效。