![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 77
艾特老干部
《React进阶之路》作者。
全栈路上的半栈工程师;爱国、爱家的程序员。
微信公众号:老干部的大前端(ID:Broad_FE)
展开
-
由React Router引起的组件重复渲染谈Route的使用姿势
React Router 4 Route最佳实践 组件重复渲染问题原创 2017-11-20 11:50:14 · 11232 阅读 · 0 评论 -
React 深入系列1:React 中的元素、组件、实例和节点
React 深入系列,深入讲解了React中的重点概念、特性和模式等,旨在帮助大家加深对React的理解,以及在项目中更加灵活地使用React。React 中的元素、组件、实例和节点,是React中关系密切的4个概念,也是很容易让React 初学者迷惑的4个概念。现在,老干部就来详细地介绍这4个概念,以及它们之间的联系和区别,满足喜欢咬文嚼字、刨根问底的同学(老干部就是其中一员)的好奇心。元素 (...原创 2018-03-08 18:23:28 · 3036 阅读 · 0 评论 -
浅析Redux 的 store enhancer
相信大家都知道Redux的middleware(中间件)的概念,Redux通过middleware可以完成发送异步action(网络请求)、打印action的日志等功能。相对而言,Redux的store enhancer的概念,很多人并不是很清楚。原创 2017-12-31 13:36:45 · 1275 阅读 · 1 评论 -
用好React,你必须要知道的事情
容器性组件(container component)和展示性组件(presentational component)Props、State和组件的普通属性setState 异步性componentWillReceivePropsshouldComponentUpdaterender如何发送网络请求原创 2017-06-18 17:04:45 · 4369 阅读 · 2 评论 -
如何优雅地在React中处理事件响应
本文讨论React中,三种绑定事件回调的方式。第一种有额外的性能损失;第二种需要手动绑定this,代码量增多;第三种用到了ES7的特性,目前并非默认支持,需要Babel插件的支持,但是写法最为简洁,也不需要手动绑定this。推荐使用第二种和第三种方式。原创 2017-06-19 21:18:56 · 7123 阅读 · 3 评论 -
React 中被忽略的函数组件(Functional Components)
React中有两种组件:函数组件(Functional Components) 和类组件(Class Components)。据我观察,大部分同学都习惯于用类组件,而很少会主动写函数组件,包括我自己也是这样。但实际上,在使用场景和功能实现上,这两类组件是有很大区别的。原创 2017-07-16 08:23:02 · 12666 阅读 · 0 评论 -
深入理解React 高阶组件
1. 基本概念高阶组件是React 中一个很重要且较复杂的概念,高阶组件在很多第三方库(如Redux)中都被经常使用,即使你开发的是普通的业务项目,用好高阶组件也能显著提高你的代码质量。高阶组件的定义是类比于高阶函数的定义。高阶函数接收函数作为参数,并且返回值也是一个函数。类似的,高阶组件接收React组件作为参数,并且返回一个新的React组件。高阶组件本质上也是一个函数,并不是一个组件,这一点一原创 2017-07-15 09:47:54 · 2625 阅读 · 1 评论 -
深入理解React 组件状态(State)
React 的核心思想是组件化的思想,应用由组件搭建而成,而组件中最重要的概念是State(状态),State是一个组件的UI数据模型,是组件渲染时的数据依据。如何定义State定义一个合适的State,是正确创建组件的第一步。State必须能代表一个组件UI呈现的完整状态集,即组件的任何UI改变,都可以从State的变化中反映出来;同时,State还必须是代表一个组件UI呈现的最小状态集原创 2017-06-27 17:30:49 · 1904 阅读 · 0 评论 -
聊聊 React Router v4 的设计思想
React Router v4 最大的变更,不是API的变更,而是从静态路由到动态路由的变化。原创 2017-08-06 16:25:22 · 2250 阅读 · 0 评论 -
Redux进阶系列1: React+Redux项目结构最佳实践
React + Redux 是React生态中使用最频繁的技术栈,但关于如何组织React+Redux的项目结构,一直都有多种声音。本文将讨论其中最常用的3种项目结构,并给出个人的最佳实践。原创 2017-08-21 19:20:31 · 1021 阅读 · 0 评论 -
Redux进阶系列2: 如何合理地设计State
Redux是一个非常流行的状态管理解决方案,Redux应用执行过程中的任何一个时刻,都是一个状态的反映。可以说,State 驱动了Redux逻辑的运转。设计一个好的State并非易事,本文先从设计State时最容易犯的两个错误开始介绍,然后引出如何合理地设计State。原创 2017-08-26 20:53:48 · 1511 阅读 · 1 评论 -
Redux进阶系列3:如何设计action、reducer、selector
Redux进阶系列文章:1. React+Redux项目结构最佳实践 2. 如何合理地设计State在前面两篇文章中,我们介绍了Redux项目结构的组织方式和如何设计State。本篇,我们将以前面两篇文章为基础,继续介绍如何设计action、reducer、selector。原创 2017-09-07 20:16:19 · 908 阅读 · 0 评论 -
Redux中间件对闭包的一个巧妙使用
最近在看Redux的源码,发现Redux在使用中间件applyMiddleware.js的源码中,有一个对闭包非常巧妙的使用,解决了“鸡生蛋,蛋生鸡”的问题,特分享给大家。原创 2017-09-11 22:06:49 · 453 阅读 · 0 评论 -
React 深入系列2:组件分类
React 深入系列,深入讲解了React中的重点概念、特性和模式等,旨在帮助大家加深对React的理解,以及在项目中更加灵活地使用React。React 组件有很多种分类方式,常见的分类方式有函数组件和类组件,无状态组件和有状态组件,展示型组件和容器型组件。好吧,这又是一篇咬文嚼字的文章。但是,真正把这几组概念咬清楚、嚼明白后,对于页面的组件划分、组件之间的解耦是大有裨益的。...原创 2018-04-26 18:54:20 · 330 阅读 · 0 评论