博客园_Get up! Liuyongjia's Blog uuid:c73898f6-721a-454b-b1b4-6dc73a7d2417;id=1448 2018-12-30T11:33:25Z liuyongjia http://www.cnblogs.com/liuyongjia/ feed.cnblogs.com http://www.cnblogs.com/liuyongjia/p/10150381.html [译]React如何区别class和function - liuyongjia 原文 "How Does React Tell a Class from a Function?" 译注: 一分钟概览—— React最后采用了在 上加入 标识作为区分。 1.在这之前,考虑了ES6的区分方法,但是由于Babel的存在,这个方法不可用。 2.总是调用 ,对于一些纯函数组件不适用。而且 2018-12-30T11:23:00Z 2018-12-30T11:23:00Z liuyongjia http://www.cnblogs.com/liuyongjia/ 【摘要】原文 "How Does React Tell a Class from a Function?" 译注: 一分钟概览—— React最后采用了在 上加入 标识作为区分。 1.在这之前,考虑了ES6的区分方法,但是由于Babel的存在,这个方法不可用。 2.总是调用 ,对于一些纯函数组件不适用。而且 <a href="http://www.cnblogs.com/liuyongjia/p/10150381.html" target="_blank">阅读全文</a> http://www.cnblogs.com/liuyongjia/p/10140071.html 【译】为什么要写super(props) - liuyongjia Dan Abramov博客Why Do We Write super(props)?翻译 2018-12-18T13:17:00Z 2018-12-18T13:17:00Z liuyongjia http://www.cnblogs.com/liuyongjia/ 【摘要】Dan Abramov博客Why Do We Write super(props)?翻译 <a href="http://www.cnblogs.com/liuyongjia/p/10140071.html" target="_blank">阅读全文</a> http://www.cnblogs.com/liuyongjia/p/9905523.html react系列(六)Redux Saga - liuyongjia 在Redux中常要管理异步操作,目前社区流行的有Redux Saga、Redux thunk等。在管理复杂应用时,推荐使用Redux Saga,它提供了用 generator 书写类同步代码的能力。 在讲解 ReduxSaga 前,先要说明一下 Redux Middleware 的概念。 Middl 2018-11-04T12:13:00Z 2018-11-04T12:13:00Z liuyongjia http://www.cnblogs.com/liuyongjia/ 【摘要】在Redux中常要管理异步操作,目前社区流行的有Redux Saga、Redux thunk等。在管理复杂应用时,推荐使用Redux Saga,它提供了用 generator 书写类同步代码的能力。 在讲解 ReduxSaga 前,先要说明一下 Redux Middleware 的概念。 Middl <a href="http://www.cnblogs.com/liuyongjia/p/9905523.html" target="_blank">阅读全文</a> http://www.cnblogs.com/liuyongjia/p/9807525.html react系列(五)在React中使用Redux - liuyongjia 上一篇展示了Redux的基本使用,可以看到Redux非常简单易用,不限于React,也可以在Angular、Vue等框架中使用,只要需要Redux的设计思想的地方,就可以使用它。 这篇主要讲解在React中使用Redux,首先是安装。 安装React Redux 有两个概念: 1.容器组件(Cont 2018-10-17T14:09:00Z 2018-10-17T14:09:00Z liuyongjia http://www.cnblogs.com/liuyongjia/ 【摘要】上一篇展示了Redux的基本使用,可以看到Redux非常简单易用,不限于React,也可以在Angular、Vue等框架中使用,只要需要Redux的设计思想的地方,就可以使用它。 这篇主要讲解在React中使用Redux,首先是安装。 安装React Redux 有两个概念: 1.容器组件(Cont <a href="http://www.cnblogs.com/liuyongjia/p/9807525.html" target="_blank">阅读全文</a> http://www.cnblogs.com/liuyongjia/p/9775111.html react系列(四)Redux基本概念和使用 - liuyongjia Redux基本概念和使用 先从Flux开始 先放一个 "Flux官网" 的链接。需要fq。 Flux是Facebook提出的一种构建客户端网页应用的应用架构,它是一种抽象程度很高的设计模式,鼓励单向数据流。 在之前的MVC架构中,在小型应用中,Model和View较少时,关系不复杂,维护轻松。但是 2018-10-11T13:13:00Z 2018-10-11T13:13:00Z liuyongjia http://www.cnblogs.com/liuyongjia/ 【摘要】Redux基本概念和使用 先从Flux开始 先放一个 "Flux官网" 的链接。需要fq。 Flux是Facebook提出的一种构建客户端网页应用的应用架构,它是一种抽象程度很高的设计模式,鼓励单向数据流。 在之前的MVC架构中,在小型应用中,Model和View较少时,关系不复杂,维护轻松。但是 <a href="http://www.cnblogs.com/liuyongjia/p/9775111.html" target="_blank">阅读全文</a> http://www.cnblogs.com/liuyongjia/p/9715933.html react系列(三)组件间通信 - liuyongjia 组件间通信 React的基本组件元素是一个个组件,组件之间可能存在关联、组合等关系。不同的组件之间,经常会发生数据传递或者交换,我们称之为组件间通信。 根据传递的复杂程度,可以分为三种情况: 父子间通信,兄弟间通信,同其他外部库通信。 父子间通信 在学习组件的时候,props是输入,组件是输出。在这 2018-09-27T14:02:00Z 2018-09-27T14:02:00Z liuyongjia http://www.cnblogs.com/liuyongjia/ 【摘要】组件间通信 React的基本组件元素是一个个组件,组件之间可能存在关联、组合等关系。不同的组件之间,经常会发生数据传递或者交换,我们称之为组件间通信。 根据传递的复杂程度,可以分为三种情况: 父子间通信,兄弟间通信,同其他外部库通信。 父子间通信 在学习组件的时候,props是输入,组件是输出。在这 <a href="http://www.cnblogs.com/liuyongjia/p/9715933.html" target="_blank">阅读全文</a> http://www.cnblogs.com/liuyongjia/p/9693377.html react系列(二)高阶组件-HOC - liuyongjia 高阶组件 简单来说,高阶组件可以看做一个函数,且该函数接受一个组件作为参数,并返回一个新的组件。 我在之前的博客 "《闭包和类》" 中提到一个观点,面向对象的好处就在于,易于理解,方便维护和复用。 其实高阶组件,也是为了更好地复用之前的组件。它可以理解为,基础组件通过包裹处理,生成一个适应某些场景的 2018-09-23T10:39:00Z 2018-09-23T10:39:00Z liuyongjia http://www.cnblogs.com/liuyongjia/ 【摘要】高阶组件 简单来说,高阶组件可以看做一个函数,且该函数接受一个组件作为参数,并返回一个新的组件。 我在之前的博客 "《闭包和类》" 中提到一个观点,面向对象的好处就在于,易于理解,方便维护和复用。 其实高阶组件,也是为了更好地复用之前的组件。它可以理解为,基础组件通过包裹处理,生成一个适应某些场景的 <a href="http://www.cnblogs.com/liuyongjia/p/9693377.html" target="_blank">阅读全文</a> http://www.cnblogs.com/liuyongjia/p/9637400.html 【译】2分钟介绍Rx - liuyongjia 原文地址: "https://medium.com/@andrestaltz/2 minute introduction to rx 24c8ca793877" 翻译去掉了一些口水话(⊙o⊙) 诸位应该已经读过我的前端时间写过的 "入门教程" 了。太长不看?好吧。 "Rx" 没那么难,你可以自己实现 2018-09-12T13:10:00Z 2018-09-12T13:10:00Z liuyongjia http://www.cnblogs.com/liuyongjia/ 【摘要】原文地址: "https://medium.com/@andrestaltz/2 minute introduction to rx 24c8ca793877" 翻译去掉了一些口水话(⊙o⊙) 诸位应该已经读过我的前端时间写过的 "入门教程" 了。太长不看?好吧。 "Rx" 没那么难,你可以自己实现 <a href="http://www.cnblogs.com/liuyongjia/p/9637400.html" target="_blank">阅读全文</a> http://www.cnblogs.com/liuyongjia/p/9508468.html react系列教程 - liuyongjia 这个系列将从基础语法讲起,把react全家桶都讲到,然后到具体的使用,最后完成后,会写一个完整的demo。 前置要求: 基本的CSS,JS要熟练。 部分ES6语法需要了解。可以参考下面提到的阮一峰老师的《ECMAScript 6 入门》和MDN文档。 目前已经完成的内容: "react系列(零)安装 2018-08-20T14:10:00Z 2018-08-20T14:10:00Z liuyongjia http://www.cnblogs.com/liuyongjia/ 【摘要】这个系列将从基础语法讲起,把react全家桶都讲到,然后到具体的使用,最后完成后,会写一个完整的demo。 前置要求: 基本的CSS,JS要熟练。 部分ES6语法需要了解。可以参考下面提到的阮一峰老师的《ECMAScript 6 入门》和MDN文档。 目前已经完成的内容: "react系列(零)安装 <a href="http://www.cnblogs.com/liuyongjia/p/9508468.html" target="_blank">阅读全文</a> http://www.cnblogs.com/liuyongjia/p/9502508.html react系列(一)JSX语法、组件概念、生命周期介绍 - liuyongjia 1.JSX语法-JSX对应的JS方法,它只是语法糖 2.组件概念-如何创建一个组件,组件的props和state 3.生命周期-组件在不同阶段会触发什么方法,并且介绍常用场景 2018-08-19T12:37:00Z 2018-08-19T12:37:00Z liuyongjia http://www.cnblogs.com/liuyongjia/ 【摘要】1.JSX语法-JSX对应的JS方法,它只是语法糖 2.组件概念-如何创建一个组件,组件的props和state 3.生命周期-组件在不同阶段会触发什么方法,并且介绍常用场景 <a href="http://www.cnblogs.com/liuyongjia/p/9502508.html" target="_blank">阅读全文</a>