有关 redux-saga 的文章,网络上早已是汗牛充栋。因此,本篇主要谈一谈自己的理解,以及实践中的经验总结。 众所周知,redux 大部分的想法,都来自于 elm。在 elm 和 redux 中,整个应用就是一个纯函…
分类:ReactJS
React从入门到精通系列之(10)提升state
十、提升state 通常,如果有几个组件需要反映相同的变化数据。 我们建议将共享state提升到层级最近的,并且是共同的父组件上。 让我们看看这是如何工作的。 在本节中,我们将创建一个温度计算器来计算水是否在给定温度下沸…
Redux学习笔记-Vol.1-介绍
写在前面 这一系列是我在学习redux时的同步笔记,学习资料为:Redux中文文档。 动机 背景: 单页应用,js需要管理很多state。 两个概念: 变化和异步 和React相结合: React在视图层禁止异步并直接操…
Redux概念之二: Redux的三大原则
Redux里的强硬规则与设计不少,大部份都会与FP(函数式程序开发)、改进原本的Flux架构设计有关。Redux官网文档上的三大基本原则,主要是因为有可能怕初学者不理解Redux中的一些限制或设计,所以先写出来说明,这里…
GraphQL 入门: Apollo Client - 简介
GraphQL 入门: 简介GraphQL 入门: Apollo Client – 简介GraphQL 入门: Apollo Client – 安装和配置选项GraphQL 入门: Apollo …
Redux学习笔记-Vol.2-基础
Prev: Redux学习笔记-Vol.1-介绍 Action Action是把数据从应用传到store的有效载荷。它是store数据的唯一来源,一般通过store.dispatch()将action传到store。 举…
Redux概念之三: Action(动作)与Action Creator(动作创建器)
这两个是Flux架构中的参与成员,Redux中有说明Action的定义: Actions(动作)是从你的应用送往store(存储)的信息负载 你可能会一直在Action(动作)这里看到payload这个字词,它是负载或有…
React中元素与组件的区别
在初学 React 的时候,分不清 React 组件和 React 元素,着实踩了一些坑。搞清楚 React 中什么是组件,什么是元素,既可以理清楚概念,也可以让你避免一些不必要的错误。 React 元素 React 元…
React学习笔记—组件复用
当我们在设计接口的时候,将一些常见的设计元素(如按钮、表单、布局等)拆分成有着良好接口的可重用的组件。这样的话,下次你构建UI的时候只要写少量的代码。 属性校验 随着应用的增长,确保你的组件正确使用是有必要的。React…
React学习笔记5:学习Redux
新搭建的个人博客,本文地址:React学习笔记5:学习Redux 好久没写东西了!!!!Redux是React官方推荐数据流管理方法Flux的实现之一,当然Redux是非必选,仅仅是众多实现中可选项罢了,不过是最大众选择…
使用Volley上传头像图片
在Gooogle I/O 2013年的大会上面,展示的Volley库,已经成为android开发中最常用的处理和缓存网络请求的库。如果你还没有看过Gooogle I/O中关于Volley的介绍(https://devel…
React技术栈——ReactJS
初始化 引入三个script: <script src="build/react.js"></script> <script src="build/react-dom.js"><…