README-zh_CN.md

shadcn/ui boilerplate

English | 中文

关于这个项目

一个现代化的、可扩展的样板项目，用于使用 React、Tailwind CSS 和 Radix UI 构建美丽的、响应式的网络应用程序。

特性

• shadcn/ui：提供一套可定制的 UI 组件，帮助快速构建具有一致设计模式的精美用户界面。
• Tailwind CSS：实用优先的 CSS 框架，用于快速样式设计和响应式布局。
• Radix UI: 提供可访问的未样式组件，作为项目中自定义 UI 组件的构建块。
• React：基于组件的架构，用于构建和渲染用户界面。
• TypeScript: 为 JavaScript 添加静态类型，提高代码质量和开发体验。
• Vite：快速构建工具和开发服务器，提供优化构建以实现流畅的开发工作流。
• Storybook: 在隔离环境中开发和测试 UI 组件。
• ESLint: 通过 linting 进行代码质量保证。
  • Lint-staged：在提交时对暂存文件运行 linter。
  • simple-git-hooks：在提交前自动执行任务，如 linting。
• React Hook Form：通过最小化重新渲染简化表单处理。
• Zod：用于表单数据的模式验证。
• Jotai：用于细粒度控制的原子状态管理。
• @tanstack/react-query：用于获取和缓存数据的服务器状态管理。
• Framer Motion: 提供动画和过渡效果以增强用户体验。
• Vitest：用于单元测试的测试框架。
• i18next 和 react-i18next：本地化和翻译支持。
• MSW (Mock Service Worker)：用于测试和开发的 API 请求模拟。
• Embla Carousel: 轻量级轮播组件。
• Recharts: 交互式和可定制的图表。
• Lucide React：一致视觉提示的图标集合。
• React Markdown：在 React 组件中渲染 Markdown 内容。
• clsx：条件类名管理。
• Date-fns: 日期和时间操作。
• Tailwind CSS Animate：Tailwind CSS 的预定义动画类。

文档

访问 文档 获取详细使用说明。

贡献

请阅读 贡献指南 以了解如何为本项目贡献。

许可证

根据 MIT 许可证 授权。

赞赏

如果您觉得这个项目对您有帮助，欢迎给我们一个 star ⭐️

致谢

• shadcn/ui: 一套可定制的 UI 组件，用于构建具有一致设计模式的精美用户界面。
• Tailwind CSS: 实用优先的 CSS 框架，用于快速样式设计和响应式布局。
• Radix UI: 提供可访问的未样式组件，作为项目中自定义 UI 组件的构建块。
• Innei: vite-react-tailwind-template 的作者。
• Epic Stack, 基于 Remix 的全栈项目模板。

以及许多其他开源项目。