江湖小栈

Do Better

0%

发表于 分类于 Hot°C：
本文字数： 18k 阅读时长 ≈ 16 分钟
深入分析 Vue 和 React 虚拟 DOM 实现及 Diff 算法原理，对比两种框架的异同点

今天天气转凉，就像 diff 算法一样，要去掉多余的部分，保留精华。让我们来聊聊 Vue 和 React 的虚拟 DOM 和 Diff 算法…

阅读全文 »

发表于 分类于 Hot°C：
本文字数： 5.4k 阅读时长 ≈ 5 分钟
探讨 vibe coding 这一新兴编程方式的利弊，分析 AI 在编程领域的发展前景，思考 AI 是否会完全替代人类开发者

“vibe coding”,就是跟着感觉敲代码。感觉像是有个程序员室友在旁边指导，不过有时也会带偏…哈哈，看来 AI 还是需要人工纠偏!

阅读全文 »

发表于 分类于 Hot°C：
本文字数： 36k 阅读时长 ≈ 33 分钟
使用 Web Components 技术构建通用的文件预览弹窗组件，支持多种文件格式预览，包括图片、PDF、文本、视频、音频等，实现跨框架复用

最近在做项目时遇到文件预览的需求，每次都要写一堆重复的预览逻辑。正好 Web Components 技术已经相当成熟，决定封装一个通用的文件预览组件。没想到做出来效果还不错，既能在 Vue 项目中用，也能在 React 项目中用，简直是跨框架的神器！

阅读全文 »

发表于 分类于 Hot°C：
本文字数： 28k 阅读时长 ≈ 25 分钟
深入介绍 TanStack Query (React Query) 的使用方法，涵盖数据获取、缓存、错误处理、乐观更新等高级功能，提供完整的实践指南

重构项目的数据获取逻辑，从原来的手动管理切换到了 TanStack Query (原 React Query)，使用体验相当棒！自动缓存、智能重试、后台更新等功能让数据管理变得简单高效。分

阅读全文 »

发表于 分类于 Hot°C：  精品文章
本文字数： 25k 阅读时长 ≈ 23 分钟
使用 shadcn/ui + Tailwind Css + Vite 快速搭建现代化 React 项目，打造属于你的独特 UI

shadcn/ui 这个宝藏库，真是相见恨晚!
不到半小时帮你搭起了一个漂亮的后台管理系统，这效率简直了～

阅读全文 »

发表于 分类于 Hot°C：
本文字数： 17k 阅读时长 ≈ 16 分钟
全面介绍 shadcn/ui 的快速上手方法，重点讲解 Blocks 功能的使用，展示如何快速构建现代化 UI 界面

昨天偶然发现了 shadcn/ui 的 Blocks 功能，简直打开了新世界的大门！一行命令就能生成完整的页面组件，比自己从头搭建快了不知道多少倍。

阅读全文 »

发表于 分类于 Hot°C：
本文字数： 19k 阅读时长 ≈ 18 分钟
全面介绍 RxJS 响应式编程库的使用方法和最佳实践，深入解析 Observable、Operator、Subject 等核心概念，提供实际应用场景和性能优化技巧

最近在优化一个搜索功能，用到了 RxJS 的防抖和合并请求功能，效果相当不错！以前用 setTimeout 和 Promise 处理异步逻辑总觉得不够优雅，RxJS 简直是异步编程的救星。

阅读全文 »

发表于 分类于 Hot°C：
本文字数： 35k 阅读时长 ≈ 32 分钟
使用 Web Components 构建响应式文本容器组件，通过动态计算容器宽高来自动调整字体大小，确保文本完整显示。当字体缩小到最小值仍无法显示完整时，显示省略号并提供完整内容查看功能

做移动端项目，遇到了文本长度不固定但容器尺寸固定的场景，需要实现文本自适应显示。研究了一番后决定用 Web Components 封装一个响应式文本容器组件，可以根据容器大小动态调整字体大小，效果还不错！

阅读全文 »

发表于 分类于 Hot°C：
本文字数： 23k 阅读时长 ≈ 21 分钟
基于 qiankun 的微前端架构设计与实践，详细讲解 Monorepo + Turbo 的工程化方案

微前端改造

阅读全文 »

发表于 分类于 Hot°C：
本文字数： 42k 阅读时长 ≈ 38 分钟
深入介绍 React-hook-form 表单库的使用方法，涵盖基础表单、复杂验证、自定义组件集成、性能优化等高级功能，提供完整的实践指南

React-hook-form 来处理表单，相比之前的 formik 和手写表单逻辑，使用体验相当棒！性能好、API 简洁、验证灵活，特别是 Controller 组件很好地解决了自定义组件集成的问题。

阅读全文 »
bulb