Posts
hook use auto scroll
自动滚动 hook
hook use controll
组件控制状态管理
hook use deep effect
深度比较依赖项的 useEffect
hook use least
保持最新值
hook use memoized fn
记忆化函数
hook use request
请求 hook
hook use table
表格 hook
hook use update
强制更新
hook use x stream
流式请求 hook
hook use
模拟 React Hooks use 方法
upload large file in parts
大文件分片上传 hook
build blog with nextjs
一个使用 Next.js 和 MDX 构建的现代化博客系统,支持主题切换、代码高亮和页面过渡动画
pitfalls in using Vite
汇总使用 Vite 过程中踩过的一些坑点与踩雷经验,帮助规避常见问题。
components for comparing long texts
用于长文本对比的 React 组件。
multiple useEffect execution order
探讨多个 useEffect 在组件中定义时的执行顺序问题,以及可能导致的 bug 和调试经验。
converting react custom hook to provider
将自定义 React Hook 封装成 Context Provider,实现跨组件状态共享与管理。
a simple and reusable QueryForm component
封装通用的 QueryForm 查询表单组件,支持灵活配置和快速接入。
react core notes bobo
深入剖析 React 源码结构与核心原理,帮助理解框架设计与实现细节。
react core notes
深入剖析 React 源码结构与核心原理,帮助理解框架设计与实现细节。
react native notes
记录 React Native 的核心概念与开发实战,涵盖跨平台开发与性能优化技巧。
react 19 notes
记录 React 19 版本的核心更新与基础用法。
useEffect race condition and lock
useEffect 中异步操作引发的竞态问题,以及通过锁机制避免副作用执行混乱的实现方式。
core steps to build an npm package
构建并发布 npm 包的关键步骤,包括项目初始化、代码编写、打包和发布流程。
antd table with resizable columns
基于 Ant Design Table 实现列宽可调节功能。
tag-input component
封装一个支持多标签输入和删除的 tag-input 组件。
reflections on function components
分享对 React 函数组件设计理念、性能优化及最佳实践的深入思考与总结。
TypeScript gymnastics with umi + dva
记录在 umi+dva 项目中,为提升类型安全所做的 TypeScript 体操实践与技巧。
requestIdleCallback and taskQueue
requestIdleCallback API 及其在任务队列中的应用。
token refresh implementation
前端如何实现 token 自动刷新机制。
insights on using useCallback
useCallback 的使用场景、性能优化作用及常见误区。
using motion for animations
使用 motion 库实现 React 动画效果,包括基础用法和高级动画技巧。
insights on using useState
useState 的常见使用模式、陷阱与优化技巧。
echarts map flying lines
ECharts 实现地图飞线效果,展示地理位置间的动态连接与数据流动。
limitations of dynamic import in Vite
探讨 vite 中动态导入的限制问题,以及如何规避构建错误与模块解析失败。
controlled components in react
React 中受控组件的概念及实现方式。
css marquee for long text
使用 CSS 实现超长文本的无缝轮播效果。
circular progress bar component
React 实现一个圆形进度条组件,支持自定义样式和动画效果。
minimal qiankun demo
提供一个基于 qiankun 的最简微前端示例。
js utility functions collection
汇总平时开发中收集的实用 JavaScript 工具函数。
custom scrollbar styles
CSS 自定义滚动条样式。
antd pitfalls
记录使用 antd 过程中踩过的坑,以及对应的解决思路与经验总结。
bobo nextjs notes
记录 Next.js 学习过程中的重点知识点和实用技巧。
components for rendering markdown
在 React 中用于渲染 Markdown 的常用组件。
typescript configuration
TypeScript 配置文件 tsconfig.json 的常用选项及最佳实践。
remote select component
实现一个支持远程数据请求的下拉组件,适用于搜索选择类表单场景。
prettier configuration
Prettier 的基本配置方法及常用选项。
extend types for react-style in TypeScript
为 react-style 中的 style 属性进行类型拓展。
arkui-notes
介绍 ArkUI 框架的基本概念、组件模型及开发实践。
nginx configuration
nginx 常用配置示例,包括反向代理、负载均衡和安全加固。
useful macOS commands
整理日常开发中在 macOS 系统下常用的一些命令,提升效率的小技巧合集。
vscode configuration
汇总 Visual Studio Code 的常用配置及插件推荐。