背景 前不久,我参与开发了团队中的一个 web 应用,其中的一个页面操作如下图所示: 这个制作间页面有着类似 PPT 的交互:从左侧的工具栏中选择元素放入中间的画布、在画布中可以删除、操作(拖动、缩放、旋转等)这些元素。…
标签:redux
一个基于antdesign的后台管理系统
利用自己业余时间写的一个react的项目,react也是初学,可能有一些地方写的不尽如人意,但是希望能给大多数的初学者一些启发和学习的资源。自己在初学react的时候也是看完理论之后想找一些项目实践一下,但是发现没有很多…
浅谈MVC,MVP,MVVM渐进变化及React与Vue比较
前言 因为没有明确的界定,这里不讨论正确与否,只表达个人对前端MV*架构模式理解看法,再比较React和Vue两种框架不同.写完之后我知道这文章好水,特别是框架对比部分都是别人说烂的,而我也是打算把这作为长期文章来写,慢…
redux使用笔记
学习react之使用redux实现todoList 在学习完react基础知识后,就用简单的一个小例子来稍微实战下,之前没有系统的学习过现在重新来过,一步步了解react的相关知识。react是一个js库,提倡组件化编写…
React搭建个人博客(一)项目简介与React前端踩坑
一.简介 项目最开始目的是为了熟悉React用法,之后加入的东西变多,这里分成三部分,三篇博客拆开来讲。 前端部分 [x] React [x] React-Router4.0 [x] Redux [x] AntDesig…
深入浅出redux知识
redux状态管理的容器。 开始使用 // 定义常量 const INCREMENT = 'INCREMENT' const DECREMENT = 'DECREMENT' // 编写处理器函数 const initSt…
react 使用 redux 的时候 用 ref获取子组件的state
由于 redux是无状态的,所以当我们在子组件中使用了 redux的时候,再父组件中,使用 ref 来获取子组件的state时,发现为一个空对象。 其实这个是有解决方案法的,原因在于 我们使用的 redux里面的 con…
初探React技术栈(二)
redux redux是js的状态容器,提供可预测的状态管理,同时可运行于不同的环境并且还有redux-devtools供可视化调试,大型应用下有良好的跨组件通讯与状态管理是必不可少的,那么就在本章中探索redux是如何…
React项目集成Immutable.js
1、前言 本文章项目的依赖包及其版本如下: Package Name Version antd ^3.16.6 connected-react-router ^6.4.0 customize-cra ^0.2.12 im…
2019 最新 React-Native/TypeScript/Redux/Saga 实践
最近研究 React Native、Redux Saga 以及 TypeScript 相关的内容,整理成了一个 React Native Template,可以直接使用下面的命令创建一个新的应用: react-nativ…
使用 hooks 和 connect 访问同一个 store
React Hooks 距离正式发布已经过去好几个月了,redux,mobx,也都支持了 Hooks 的用法,那么有没有可能用 React Context API & Hooks 来实现一个同时支持 class …
理解 React 轻量状态管理库 Unstated
个人网站: https://www.neroht.com 在React写应用的时候,难免遇到跨组件通信的问题。现在已经有很多的解决方案。 React本身的Context Redux结合React-redux Mobx结合…