搜索结果
查询Tags标签： redux，共有 94条记录-
React + Redux + React-router 全家桶
ReactReact是 DOM 渲染的一个抽象层（view层），React 不仅能通过 ReactDOM 和Web页面打交道，还能用在服务器端SSR，移动端ReactNative和桌面端Electron。web端开发需要搭配React-dom使用import React from react; import ReactDOM from react-dom;const App = () => …
2021/1/7 14:08:18 人评论 次浏览 -
基于Next.js+React仿微信桌面端|next.js聊天室
项目介绍Next.js一款比较热门的React服务器端渲染框架。让你的网页拥有SEO能力。Next-Webchat基于next+react+redux+antd+rlayer等技术实现的仿微信PC网页端聊天项目。实现了消息表情混合发送、图片/视频预览、拖拽/粘贴截图发送、红包/朋友圈等功能。技术框架技术架构：n…
2020/12/28 5:08:26 人评论 次浏览 -
手写Redux-Saga源码
上一篇文章我们分析了Redux-Thunk的源码，可以看到他的代码非常简单，只是让dispatch可以处理函数类型的action，其作者也承认对于复杂场景，Redux-Thunk并不适用，还推荐了Redux-Saga来处理复杂副作用。本文要讲的就是Redux-Saga，这个也是我在实际工作中使用最多的Redux…
2020/10/20 5:03:57 人评论 次浏览 -
Redux异步解决方案之Redux-Thunk原理及源码解析
前段时间，我们写了一篇Redux源码分析的文章，也分析了跟React连接的库React-Redux的源码实现。但是在Redux的生态中还有一个很重要的部分没有涉及到，那就是Redux的异步解决方案。本文会讲解Redux官方实现的异步解决方案----Redux-Thunk，我们还是会从基本的用法入手，再…
2020/10/12 14:03:40 人评论 次浏览 -
详解redux中间件
关于redux中间件是什么以及为什么需要redux中间件的话题，网上有太多的文章已经介绍过了，本文就不再赘述了。如果你有类似的困惑：redux中间件究竟是如何作用于dispatch？redux的源码和中间件的源码都不复杂，但看起来怎么那么费劲？redux中间件的洋葱模型到底是什么？..…
2020/8/27 14:33:39 人评论 次浏览 -
react工程师必备的redux-thunk源码剖析
日益忙碌的一周又过去了，是时候开始每周一次的总结复盘了，今天笔者就来剖析一下github中star数15.1k的开源项目redux-thunk。 作为一名React方向的前端工程师，不管是被面试还是面试别人，大部分都会说起redux-thunk的实现原理，因为它非常经典且有用，而且代码量少的感…
2020/8/18 13:04:35 人评论 次浏览 -
CyanX 基于ReactHook的状态管理器，遵循函数式编程的理念，极简、可扩展设计哲学，1分钟上手
CyanX CyanX是一款基于ReactHook的，针对函数式组件的极简、可扩展的状态管理器 设计哲学——任何状态，无论在哪都应该简单快速地获得 特性 极简，1分钟上手，两行代码 无限层级叠加，告别组件之间复杂的传值 极低的内存消耗，数据按需加载，组件所需的状态值变化时，才会…
2020/8/12 8:04:37 人评论 次浏览 -
为什么拖拽的 api 都很难用？
最终效果先来看达到了什么样的效果 https://github.com/mulcloud/s...undo 操作拖放到区域外自动回滚Framer Motion 的缺点拖拽和动画是由 Framer Motion 实现的。Framer Motion 在表达动画方面毫无疑问相当牛逼，一点点的代码，就可以实现非常丰富的效果。比 react-sprin…
2020/7/30 5:03:40 人评论 次浏览 -
React和Vue语法并排比较：状态管理
这是有关React和Vue语法比较的第三篇文章。在本文中，将比较两种生态系统中最著名的状态管理库（Redux和Vuex）的语法。 其它两篇：React.js和Vue.js的语法并列比较 Next.js和Nuxt.js的语法比较议程创建Store Action 异步Action Reducer | Mutation Combine-Reducers | Mo…
2020/7/16 5:09:35 人评论 次浏览 -
从前端的视角理解数据和缓存
对数据系统的理解 数据系统设计是关于数据存储、共享、更新（以及传播更新）、缓存（以及缓存失效）的技术。大部分软件系统都可以从数据系统的角度去理解。 数据系统是如此的普遍，以至于开发者实际上每天都在设计数据系统，却常常没有意识到它们的普适性，将多个本质相同…
2020/7/13 5:09:23 人评论 次浏览 -
React和Vue语法并列比较：状态管理
这是有关React和Vue语法比较的第二篇文章。在本文中，将比较两种生态系统中最著名的状态管理库（Redux和Vuex）的语法。 上一篇：React.js和Vue.js的语法并列比较议程创建Store Action 异步Action Reducer | Mutation Combine-Reducers | Modules Connect-with-Component …
2020/7/10 5:08:28 人评论 次浏览 -
手写一个React-Redux，玩转React的Context API
上一篇文章我们手写了一个Redux，但是单纯的Redux只是一个状态机，是没有UI呈现的，所以一般我们使用的时候都会配合一个UI库，比如在React中使用Redux就会用到React-Redux这个库。这个库的作用是将Redux的状态机和React的UI呈现绑定在一起，当你dispatch action改变state…
2020/7/9 14:08:38 人评论 次浏览 -
手写一个Redux，深入理解其原理
Redux可是一个大名鼎鼎的库，很多地方都在用，我也用了几年了，今天这篇文章就是自己来实现一个Redux，以便于深入理解他的原理。我们还是老套路，从基本的用法入手，然后自己实现一个Redux来替代源码的NPM包，但是功能保持不变。本文只会实现Redux的核心库，跟其他库的配…
2020/7/4 5:25:49 人评论 次浏览 -
如何编写React Hooks风格的Redux组件
Hooks特性在React的16.8版本被引入，在解决组件重用和生命周期逻辑破碎两大难题的同时，极大简化了组件写法，而且兼容旧写法，即便不想学也没关系，向开发者释放了极大的善意。 可是，组件写法的改变或多或少会让人有些顾虑，尤其是和第三方组件集成，开发社区中也出现了…
2020/7/1 14:55:41 人评论 次浏览 -
用hooks写个登录表单
最近尝试用React hooks相关api写一个登陆表单，目的就是加深一下对hooks的理解。本文不会讲解具体api的使用，只是针对要实现的功能，一步一步深入。所以阅读前要对 hooks有基本的认识。最终的样子有点像用hooks写一个简单的类似redux的状态管理模式。 细粒度的state 一个…
2020/6/21 14:26:23 人评论 次浏览
