大家好，我是双越老师。本文我对比 Vue2 Vue3，把 React 22 个基础技能过一遍，看看 React 到底哪里难。也欢迎关注我的【划水AI】项目，使用 React Next.js 全栈开发。

你知道 JSX 会被转换成 createElement，但你知道它是如何转换成 createElement 的吗？

Let's 用一句命令行快速创建 基于 typescript 的 react 项目吧！零配置，它不香吗

在开发React项目前最关键的当然是项目的创建，现在的前端工程化使得前端项目的创建也变得越来越复杂，在这里介绍三种从零开始创建React项目的方式，分别是在浏览器中直接引入、使用官方脚手架create-react-app、使用Webpack创建。 React框架有两个核心的包，…

这种方式是我们最常用到的修改state的方式. 将setState()认为是一次请求而不是一次立即执行更新组件的命令。为了更为可观的性能，React可能会推迟它，稍后会一次性更新这些组件。React不会保证在setState之后，能够立刻拿到改变的结果。 setState()不…

1. 为什么会有ts的出现 2. ts有哪些具体的优势 1. any任意类型 2. unknow类型 3. string字符串 4. number数字 5. boolean类型 6. Array数组 (1). 首先类型大写，后可跟一个<>，定义数组内的所包含的数据类型…

React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数。高阶作用用于强化组件，复用逻辑，提升渲染性能等作用。高阶组件也并不是很难理解，其实接触过后还是蛮简单的，…

组件可以写成单标签或者双标签两种形式。如下： 1. 在标签中添加方法及函数体，也是和初始的事件最接近的方式： 2. 在class组件中添加方法（需要重新绑定this）： 3. 定义属性，在其内部添加方法（简单，this的绑定不会变）： 4. 第四种添加事件方式 5. React…

今天开始，我们开始揭开react-router-dom神秘的头盖骨，哦不，面纱。 在此之前，我们需要了解一些预备知识：React的context和react-router-dom的基本使用。需要复习的同学请移步： 下面是我跟小S同学一起阅读源码的过程。 大家可以参照这个思路，进…