Code Monkey home page Code Monkey logo

reactutilsdemo's Introduction

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 由浅入深的用法。

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

reactutilsdemo's People

Contributors

beichensky avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

reactutilsdemo's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.