React系列

最近看 vue 官网的时候，发现了 vue 中也使用 JSX/TSX，就比较的感兴趣。为什么呢？ 因为在工作的三年过程中，都是使用的 React 进行开发的，而 React 就是使用的 JSX 语法进

css 作为前端三剑客之一，任何框架都是离不开的，本篇就来聊聊 React 和 Vue 关于 css 的使用。 React：CSS 我相信最开始刚入手 React 的小伙伴，一定经受过 CSS 的痛苦

ref 绑定 dom 节点，其实也就是对真实 dom 节点进行操作。但是呢，无论是 react 开发还是 vue 开发，通常情况下不需要、也不建议直接操作 DOM 原生，但是在某些特殊的场景下，是需要

插槽这一概念，我最早接触就是在学 vue2 的时候。怎么理解呢？就是组件定义的时候预留一个入口（槽） ，在使用组件的时候插入内容到入口（槽） 中。 到了 vue3，强化了插槽这一功能，使其更为强大。看

现在无论是 React 开发还是 Vue 开发，都有如下特点： 单页面SPA开发（SSR 除外）。 基于组件化开发。 基于上面的特点之一，理解组件通信，是至关重要的。 组件可以分成多种类型，比如说页面

在前面的两篇中， React&Vue 系列：变量的定义 React&Vue 系列：变量改动的监听 介绍了 React 和 Vue 中的变量及监听方式，这里的变量也就是指所谓的 state。但是经历过开

在上一章，介绍了React&Vue 系列: 变量的定义。那么本章就来介绍，定义变量之后，当变量被修改了，如何进行监听。 为什么需要进行监听呢？因为当变量改变之后，会存在相应的副作用操作（比如说网络请求

话不多说，正题开始。 先从简单的开始，变量的定义。 React 定义变量 在 React 中，如果不讨论类组件的写法，那么就是函数组件。而函数组件又可以分为： 无状态的函数组件 有状态的函数组件 无状

为什么会叫做 react-router v6 的回忆呢？ 因为在去年的时候，公司的每两周都会进行一次前端技术分享会。轮到我的时候，我就选择了比较新的 react-router v6 作为主题素材，我前

对useEffect的不理解 在最近的开发过程中，遇到了一种情况针对单独的数据点发送 websocket，在 useEffect 里面使用 websocket，进入组件的时候发布订阅，卸载组件的时候取

上面的标签语法既不是字符串也是HTML，被称为JSX，JavaScript的语法扩展。 React中推荐使用JSX语法。（当然，其他框架也是可以使用的，比如现在的vue3中，也是支持JSX语法的）。

概念 所谓的执行机制：就是看useState或则setState到底是同步函数的表现形式还是异步的表现形式。 先看结论： setState 和 useState 在react的合成事件和钩子函数中的异

在平时的工作中，自己开发一般都是写着react16.8 提供的hooks写法，也是非常的好用。但是呢? 在最近对老的项目新需求开发，是使用的react的类组件的写法，突然感觉对类组件的知识有点模糊了，

目标 为什么要使用react-redux? react-redux为开发提供了什么？ 回顾redux的基本使用 在使用redux之前，需要了解的是**redux不是react专属的**，所以在vue，