沈赟杰

useSyncExternalStore基本使用 首先需要掌握一下useSyncExternalStore这个api，这个api稍微有点理解成本，它可以监听外部状态的改变并...

本文详细介绍了如何使用 Wavesurfer.js 和 React 创建一个基本的音频录音与播放器。本教程简明易懂，有助于读者快速掌握如何利用 Wavesurfer.js ...

lite-module-federation 是一个外部模块动态加载方案，比 Webpack 5 Module Federation 更加轻量，接入更加简单。...

最近，"Signals"成为了前端备受关注的话题。很多国外的大佬都发文表示Signals是前端框架的未来。同时，尤大也在Vue官网上添加了"Connection to Si...

在React的Suspense中，根据数据请求Promise的状态加载子组件，或直接使用react-cache缓存请求...

前言 现代前端框架的实现原理几乎都可以利用 UI = f (state) 来进行概括，即框架内部运行机制根据当前状态渲染视图。 state 代表当前视图状态 f 代表框架内...

上面这个错误，相信前端开发工程师应该经常遇到吧，要么是自己考虑不全造成的，要么是后端开发人员丢失数据或者传输错误数据类型造成的。因此对数据访问时的非空判断就变成了一件很繁琐...

简介 很多人也许不太了解CodeMirror，如下是它的简介CodeMirror是Web的代码编辑器组件。它可以在网站中用于实现文本输入字段，并支持许多编辑功能，并且具有丰...

JS实时通信eventsource, Eventsource、websocket与socket.io 在现代Web开发中，实时通信是一个非常重要的话题。当我们需要实现即时聊...

在ChatGPT官网我们可以看到，对话的方式仅仅只有一个post请求，而没有使用IM中使用的websocket链接。...

TypeScript 5.2 将引入一个新的关键字 —— 「using」，它的作用是：当离开作用域时，你可以使用 Symbol.dispose 释放掉任何内容。 这个功能基...

XRender 2.0 正式发布啦！🎉 官方文档：https://xrender.fun/form-render 前言 XRender 1.0 已经发布两年多了，随着用户...

本文通过使用`CodeMirror`和`unified`实现一个能精确同步滚动的`Markdown`编辑器。...

[React Origin Code] 2022年来聊聊React Diff -- reconcileChildFibers...

此项目是我两年前的pika-music的重构项目, 所用到的技术栈也是全面的更新。项目重在实践 React 下的 SSR 架构实现和 React 相关的最新技术栈...

`React` 已经风靡前端届很长一段时间了，在这段时间里它发展了一个非常全面而强大的生态系统。大厂喜欢在大型的前端项目中选择 `React`，它的生态功不可没。...

组件驱动式 Web 设计的到来或者说 CSS 容器查询、作用域样式、级联层控制等特性的出现，这些先进的特性使我们有机会从页面布局、全局样式和用户样式中孤立组件样式，从而实现...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第12天，点击查看活动详情。 锁链能够束缚我们的身体，但不应该束缚住我们那颗勇往直前的心。...

前言 你们的react项目，有多少根本没有理会React.memo，useMemo，useCallBack的，造成大量子页面数据明明没有变化，却一直跟着刷新。 我以前在成都...