vane-file-preview

一个功能非常强大、高度可扩展的 React 文件预览组件库

在线文件预览，丰富的文件格式支持。文档类中支持PDF、Word (DOCX)、PowerPoint (PPTX)、Excel (XLSX)、Markdown、EPUB， 代码类则支持JavaScript、TypeScript、Python、Java、CSS、HTML 等 180+ 语言，数据类则支持JSON、CSV、TSV 等结构化数据，媒体类则支持图片、音频、视频， 压缩包则支持ZIP 文件内容预览

开始了解

vane-card

一个功能强大、高度可扩展的 React Card 卡片组件方案

一个可扩展的电商产品卡组件方案：以「卡片容器 + 插件系统 + 插槽区域」为核心，通过复合组件语法和插件增强能力，快速搭建价格、优惠、比价、库存、物流、可访问性、分析上报等场景。

开始了解

vane-waterfall

一个功能强大、高度可扩展的 React 瀑布流布局插件式组件库（WaterfallPlugin）

这是一个基于事件总线的现代化瀑布流优化插件系统，提供几十内置插件和丰富的视觉效果。涵盖多种列分配策略：最矮列、平均列、固定列数、响应式列数， 支持列间距 gap 与容器内边距 padding，保证两侧留白参与布局计算，过渡动画、固定高度、虚拟化渲染、工作线程布局等

开始了解

vane-lazy-image

基于事件总线的插件化图片优化系统，提供高性能、可访问的现代化图片处理方案。

这是一个基于事件总线的现代化图片优化插件系统，提供60+内置插件和丰富的视觉效果。系统具备完善的性能优化、错误处理机制，支持可访问性优化和全面的监控分析功能。 该系统采用插件化架构，支持灵活组合和自定义扩展，能够满足各种复杂场景下的图片处理需求。

开始了解

Vue 3 英文单词学习系统

智能化单词记忆与学习平台

基于 Vue 3 + TypeScript + Vite 构建的现代化英文单词学习系统。支持智能记忆算法、单词分类管理、学习进度跟踪、发音练习等功能。系统采用响应式设计，提供流畅的学习体验，帮助用户高效掌握英文词汇，提升语言能力。

开始学习

React Hooks 钩子函数教程

从零到一掌握现代 React 开发核心技能

深入学习 React Hooks 的使用方法、最佳实践和高级技巧， 从基础 Hooks 到自定义 Hooks，助你成为现代 React 开发专家

查看教程

React Router 路由管理教程

现代化前端路由解决方案

深入学习 React Router v6 的核心概念与实战应用。涵盖路由配置、嵌套路由、动态路由、路由守卫、懒加载等高级特性。通过实际项目案例，掌握单页应用的导航管理、状态保持、用户体验优化等关键技术。

查看教程

React HTTP 请求处理教程

现代化数据获取与状态管理

全面掌握 React 中的 HTTP 请求处理技术。学习 Axios、Fetch API、React Query、SWR 等工具的使用方法。涵盖请求拦截、错误处理、缓存策略、并发控制、状态管理等核心概念，构建高性能的数据驱动应用。

查看教程

React 组件设计模式教程

高级组件架构与设计原则

深入探索 React 组件设计的最佳实践。学习 HOC、Render Props、Compound Components、Container/Presentational 等设计模式。掌握组件复用、状态提升、依赖注入、性能优化等高级技术，构建可维护的组件架构。

查看教程

Zustand 状态管理

从零到一掌握 Zustand 状态管理核心技能

系统掌握 Zustand 的核心概念、最佳实践与高级技巧；从创建 store、选择器优化、持久化到并发模式，一站式精进状态管理能力

查看教程

React+TypeScript 低代码报表打印生成器

低代码可视化报表平台在线演示

本平台基于 React 18 + TypeScript 5 + Ant Design 5 + Schema，支持可视化拖拽设计、复杂表格与图表、打印导出、插件扩展等核心能力。你可以在线体验低代码报表设计、模板管理、数据联动、打印预览等功能，感受企业级低代码平台的技术魅力与架构设计。

查看演示

TypeScript 2025 新特性与实战课程

类型系统进阶，开启项目开发新篇章

本课程系统讲解 TypeScript 2025 的新特性、类型系统、泛型、工具类型、类型体操、类型推导、类型守卫等核心知识点。课程结合大量真实项目案例，涵盖框架集成、类型安全 API 设计、复杂组件开发等实战内容。通过理论与实践结合，帮助你从基础到进阶，全面掌握 TypeScript 2025，提升代码健壮性与开发效率，成为类型安全开发高手。

23小时， 共110个章节， 点击下载

查看详情

React + ReadableStream + Node.js + DeepSeek+ AI 实战课程

ReadableStream高效流式数据

帮助开发者深入理解ReadableStream的使用技巧，比较websocket、sse和readableStream的优劣。配合Node.js的实战应用，学会如何使用ReadableStream来实现流式数据传输、接收和渲染。
课程内容还包括了如何使用DeepSeek的API来实现AI聊天，进行流式数据的获取与显示。
利用React进行前端流式数据的获取与渲染显示。

2小时10分， 共23个章节， 点击下载

观看介绍

React Custom Hooks 实战课程

打造通用 CRUD Hook

帮助开发者深入理解并掌握React自定义Hooks的使用技巧，从基础的useState和useEffect开始，逐步介绍了如何构建更复杂的自定义Hooks来处理状态管理、数据获取、异步操作等。
课程内容还包括了如何使用Hooks来实现分页、筛选、排序、导入导出数据等功能，并通过具体的业务场景如用户管理来实践这些技术。
最终，学员将学会如何构建一个全面的useCRUD Hook，能够处理常见的增删查改操作，并将其应用到复合组件中，实现无限滚动、搜索、编辑、删除等复杂功能。

8小时15分， 共55个章节， 点击下载

查看详情 观看介绍