https://github.com/yangfei4913438/react-demos

一些react第三方库的使用示例，更加贴近生产项目。
https://github.com/yangfei4913438/react-demos

daisyui dnd-kit immutable json-server mobx mockjs react react-context react-cropper react-live react-query react-window react-window-table redux redux-thunk swiper table tailwindcss vite

Last synced: about 3 hours ago
JSON representation

一些react第三方库的使用示例，更加贴近生产项目。

• Host: GitHub
• URL: https://github.com/yangfei4913438/react-demos
• Owner: yangfei4913438
• License: apache-2.0
• Created: 2022-06-14T07:22:20.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-06-07T14:51:07.000Z (over 1 year ago)
• Last Synced: 2024-12-15T05:17:43.642Z (about 2 months ago)
• Topics: daisyui, dnd-kit, immutable, json-server, mobx, mockjs, react, react-context, react-cropper, react-live, react-query, react-window, react-window-table, redux, redux-thunk, swiper, table, tailwindcss, vite
• Language: TypeScript
• Homepage:
• Size: 9.53 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## 项目说明

一些常用的react组件示例。

### 环境依赖

- pnpm

### 安装依赖

- 安装项目依赖

  > 1、安装全部项目的依赖，`pnpm install`

  > 

  > 2、安装某个包的依赖，如: `pnpm --filter 'redux-use-hooks' install`

- 运行某个项目

  > 1、直接进入包中，运行 npm run dev 即可

  >

  > 2、使用封装好的命令, 如: `npm run dev:redux`

### 项目列表

- mobx-use-context

  > 基于 react context 使用 mobx

- react-live-demo

  > 可以在web页面上，实时渲染 React 代码的组件库. 常见应用: Web IDE.

- react-tiga-swiper

  > React 轮播图组件

- dnd-kit-demo

  > 基于 dnd-kit 实现的一个简单例子。

- dnd-kit-resize

  > 基于 dnd-kit 实现的一个容器宽度，拖拽调整的简单例子。

- dnd-kit-multiple

  > 多个容器之间的数据拖拽

 

- react-cropper-demo

  > 基于 react-cropper 实现的一个简单例子。