/ReactUtilsDemo

React 相关插件、效果以及工具用法讲解的 Demo

Primary LanguageJavaScript

ReactUtilsDemo

React 相关插件、效果以及工具用法讲解的 Demo

下载命令

当前项目中含有多个 Demo,下载完成后请打开对应的 Demo 再运行效果。各 Demo 的用法请看对应的项目说明文档。

下载当前项目:

git clone https://github.com/beichensky/ReactUtilsDemo.git

immutability-helper-basic

详细介绍了 immutability-helper 插件的基本用法及注意事项。

更多详细请查看:项目说明文档

react-component-lifecycle

详细介绍了 React 生命周期各个阶段的执行顺序。

更多信息请查看:项目说明文档

redux-devtools-demo

简单介绍了 redux-devtools-extension 插件的基本用法。更多信息请查看:项目说明文档

react-dnd-dustbin

详细介绍了 react-dnd 的常用 API 及其用法。该项目是一个 Dustbin 类型的 Demo ,里面是 react-dnd 的一些基本用法。代码量不多,通俗易懂。可以将项目拉下来看看运行效果,对照代码查看实现逻辑,效果更佳。

效果图:

react-dnd-dustbin 预览

更多信息请查看:项目说明文档

react-dnd-hooks-demo

该项目是一个稍微复杂一些的拖拽项目。使用 react-hooks 的方式实现了拖拽放置、拖拽排序等功能。

可以看一下效果图,有需要类似效果的朋友可以看看:

react-dnd-hooks-demo 预览

更多信息请查看:项目说明文档

react-redux-demo

详细介绍了 redux 和 react-redux 的用法。

更多信息清查看:项目说明文档

react-my-redux

实现 reduxreact-redux 的核心 API,对 redux 的整体流程以及设计**做了一次梳理。

其中包含 reduxreact-redux 由浅入深的用法。

更多信息清查看:项目说明文档