基于 TypeScript 与 React 的可折叠组件入门套件

52 次浏览 2024-06-30 0 条评论

zip

React TypeScript 组件库

该项目提供了一个基于 TypeScript 和 React 的可折叠组件入门套件，并包含以下特性：

使用 Create React App 和 TypeScript 创建项目，并进行严格的类型检查。
使用 Styled Components 实现组件的 CSS 样式。
使用 Storybook 创建组件库和示例，并使用 Styleguidist 生成样式指南。
使用 Redux Loop 管理应用状态和副作用。
提供基础主题和常见模式的预设配置。
包含 Redux 和 Redux Loop 副作用的示例代码。
提供常见问题的解答。

技术栈：

React
TypeScript
Styled Components
Storybook
Styleguidist
Redux
Redux Loop

项目结构：

├── src
│   ├── components
│   │   └── Collapsible
│   ├── stories
│   │   └── Collapsible.stories.tsx
│   ├── styles
│   │   └── theme.ts
│   ├── store
│   │   └── index.ts
│   └── App.tsx
├── .storybook
│   └── main.js
├── styleguide.config.js
└── ...

使用方式：