React 相关插件、效果以及工具用法讲解的 Demo
当前项目中含有多个 Demo,下载完成后请打开对应的 Demo 再运行效果。各 Demo 的用法请看对应的项目说明文档。
下载当前项目:
git clone https://github.com/beichensky/ReactUtilsDemo.git
详细介绍了 immutability-helper 插件的基本用法及注意事项。
更多详细请查看:项目说明文档
详细介绍了 React 生命周期各个阶段的执行顺序。
更多信息请查看:项目说明文档
简单介绍了 redux-devtools-extension 插件的基本用法。更多信息请查看:项目说明文档
详细介绍了 react-dnd
的常用 API 及其用法。该项目是一个 Dustbin
类型的 Demo
,里面是 react-dnd
的一些基本用法。代码量不多,通俗易懂。可以将项目拉下来看看运行效果,对照代码查看实现逻辑,效果更佳。
效果图:
更多信息请查看:项目说明文档
该项目是一个稍微复杂一些的拖拽项目。使用 react-hooks
的方式实现了拖拽放置、拖拽排序等功能。
可以看一下效果图,有需要类似效果的朋友可以看看:
更多信息请查看:项目说明文档
详细介绍了 redux 和 react-redux 的用法。
更多信息清查看:项目说明文档
实现 redux
及 react-redux
的核心 API,对 redux
的整体流程以及设计思想做了一次梳理。
其中包含 redux
和 react-redux
由浅入深的用法。
更多信息清查看:项目说明文档