在日常开发中vue的模版语法在大多数情况都能够满足我们的需求，但是在一些复杂的业务场景中使用模版语法就有些麻烦了。这个时候灵活的JSX/TSX渲染函数就能派上用...

React是一种流行的JavaScript库，用于构建用户界面。其中，JSX（JavaScript XML）是React中定义UI组件结构的一种语法。在本篇博客...

React项目一般只有组件会写.jsx，而路由routes目录下引入组件后，需要设置文件router.js后缀为router.jsx，才能正确编译不报错，如果不...

我发现无从下手了, 因为jsx最终编译成的是return vnode的方法，genHighlight执行以后返回的是vnode，但是你不能直接把vnode放到t...

近日，Meta开源了一款「CSS-in-JS库」 —— StyleX。看命名方式，Style - X是不是有点像JS - X，他们有关系么？当然有。

错误信息其实很明确，因为项目原来是好好的，在流水线中构建，突然出现的问题，肯定是构建环境问题，报错内容大概是说函数的返回值类型不能用作react组件，所以判断是...

JSX 本质上是 React.createElement 的语法糖，返回 VDOM。在运行的时候，需要通过 babel 编译

由于本example中我们没有编写tsx代码，还是用的jsx代码，如果不配置"allowJs": true，那么tsc编译器默认将不会处理js以及jsx文件，又...

基于上述的问题，在React17以后，提供了另一种转换方式：引入jsx-runtime层。假设源码如下：

JSX（JavaScript XML）是一种在 React 中用于描述用户界面的 JavaScript 语法扩展。在 JavaScript 代码中编写类似 HT...

若对虚拟DOM想进一步了解，可查看另一篇文章《浅析虚拟DOM》 点击查看《浅析虚拟DOM》

React 在如何组织结构方面非常开放。这正是为什么我们有责任保持项目的整洁和可维护性。

markdown非常好用，简单看一下：Markdown基本语法 https://www.zhoulujun.cn/html/php/phpcms/2021_04...

最后，在调和阶段，上述 React element 对象的每一个子节点都会形成一个对应的 fiber 对象，然后通过 sibling、return、child ...

在 Vue 3 的项目开发中，template 是 Vue 3 默认的写法。虽然 template 长得很像 HTML，但 Vue 其实会把 template ...

React 是一个用于构建用户界面（UI，对咱们前端来说，简单理解为：HTML 页面）的 JavaScript 库

JSX 本质上是一种语法糖，允许开发者使用类 HTML 标签语法来创建虚拟 DOM

组件之间复用状态逻辑很难，在hooks之前，实现组件复用，一般采用高阶组件和 Render Props，它们本质是将复用逻辑提升到父组件中，很容易产生很多包装组...