文章首发公众号：萌萌哒草头将军，最近群里有抽奖，送出五本书，群里目前已经快20位小伙伴了，概率很大，感兴趣的小伙伴关注后联系我即可入群。个人联系方式：SunBoy_mmdctjj 阅读更多文章点这...

大家好，我卡颂。 React Server Component（后文简称RSC）是React近几年最重要的特性。虽然他对React未来发展至关重要，但由于： 仍属实验特性 配置比较繁琐，且局限较多 所以虽然体验Demo已经...

Next.js 中支持 3 种渲染方式：服务端渲染（Server-Side Rendering，简称 SSR）、静态站点渲染（Static Site Generation，简称 SSG）和客户端渲染（Client-Side Rendering，简称 CSR）。 预渲染...

前言 相信很多人都有过制作组件库的经历，也有一部分人做的组件库需要适配各种不同的框架，或者相同框架的不同版本（如：Vue2、Vue3等）此时很多人就会选择 Web Components 来作为组件库的技术...

大家好，我是前端小张同学，今天跟大家一起 简单的说说 react 中的 useEffect的 4种用法吧。 什么是 useEffect ? 官方解释 ： useEffect 是一个 React Hook，它允许你将组件与外部系统同步。 什...

前言 React有三种不同的模式，concurent模式、legacy模式，以及处于concurrent和legacy之间的过渡模式blocking。 这里主要讲下state 处于 Concurrent模式与 Legacy模式 差异性。 大概对应的Reac...

我正在参加「掘金·启航计划」 随着 2019 年 2 月 React 稳定版 hooks 在 16.8 版本发布，涌现了越来越多的 “hooks 时代” 的状态管理库（如 zustand、jotai、recoil 等），“class 时代” 的...

将React代码先跑起来 1.使用React提供的CLIcreate-react-app创建一个React应用 npx create-react-app my-app cd my-app yarn start 由于我们已经新建了文件夹，因此我们只需要运行npx create-re...

首先，必须称赞一下React官方文档更新了, 虽然只是beta版，但是对于用户学习V18版本的React来说，可以说是新手福音。 这说明：hook写法被广泛应用，被广大的开发者所认可，Class写法被逐渐遗弃 ...

React中的组件有类组件和函数式组件之分，函数式组件因其简洁的语法、更小的性能消耗等优点而被越来越多的开发者所喜欢，但函数式组件相比类组件也有存在一些缺陷，例如无状态、没有生命周期等...

对于需要快速响应和流畅滚动的场景，表格虚拟滚动可以提供更好的性能。通过减少渲染的数据量，可以减少浏览器的内存占用和重新渲染的开销，从而提高页面的响应速度和滚动的流畅性。 测试场景 传...

“我正在参加「掘金·启航计划」” 一、React性能优化SCU React更新机制 React渲染流程: 在render函数中返回一个jsx jsx创建出来对应的React.createElement 这些element最终会形成一个树结构(对...

前言 本篇文章翻译、学习自 build your own react，感兴趣的可以直接看原文。 通过一个 mini 版的 React，可以掌握 createElement()、render()、Fibers、Render 阶段和 Commit 阶段 、Function ...

最近，我使用React开发了一款记账应用。在这个过程中，我遇到了许多挑战，学到了很多东西。今天，我想分享一下我的经验，希望能够帮助到其他初学者和开发者。 这个记账应用是我第一次使用React...

react 是什么？ React是一个声明式,高效且灵活的用于构建用户界面的JavaScript库; 使用React可以将一些简短,独立的代码片组合成复杂的UI界面,这些代码片段就是组件 一个用于构建用户界面的 js ...

经过前面的 render 流程，得到了一棵被标记完 flag （副作用）的 fiber 树，接下来会把这棵树交给 Renderer 处理，也就是 commit 阶段，在这个阶段会根据 flag 将对应的更新提交到页面上。 comm...

前言 大家好，我是麦西。 近来发现 React 官方文档更新了。 仔细想来，学习使用 React 这么久还没有好好拜读过官方文档。于是认真读写了一遍官方教程。这里把学到的一些知识记录下来，分享给大...