Skip to content

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

License

Notifications You must be signed in to change notification settings

yangfei4913438/react-demos

Repository files navigation

项目说明

一些常用的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 实现的一个简单例子。