
React
一介百姓
全栈架构之路其修远兮,吾将上下而求索
展开
-
React路由基本用法
React路由基本用法1.React Router4.0基本概述:React Router4.0(以下简称 RR4)遵循React的设计理念,即万物皆组件。所以 RR4 只是一堆 提供了导航功能的组件(还有若干对象和方法),具有声明式(声明式编程简单来讲就是你只需要关心做什么,而无需关心如何去做,可组合性的特点。RR4 采用单代码仓库模型架构(monorepo),这意味者这个仓库里面有...原创 2019-01-28 10:39:53 · 9348 阅读 · 0 评论 -
Redux知识总结一(一篇就能搞明白redux的用法)
Redux知识总结一(一篇就能搞明白redux的用法)一、什么是Redux?官网:Redux 是 JavaScript应用的状态容器,提供可预测化的状态管理;Javascript应用:是指任何Javascript构建的项目,而不是仅仅是React框架构建的项目,当然他们搭配用起来更加顺手;状态容器:react项目中的state抽离出来集中在对象树状结构中store(状态容器),一个项目只...原创 2019-04-02 15:59:32 · 1530 阅读 · 0 评论 -
怎样才能构建优秀的React组件?
怎样才能构建优秀的React组件?这个问题在我脑子里转了好几周了,知道组件化的目的是为了降低模块之间的耦合。但是实际开发中总还是会将某些模块进行耦合。这里介绍个人对组件化的理解。有何不妥之处,希望积极指出;什么是组件化?百度百科:组件化是一种高效的处理复杂应用系统,更好的明确功能模块作用的方式。通俗理解:在几年前端开发,应用系统中的功能模块之间是相互依赖、高度耦合。例如:修改A模块...原创 2019-05-16 14:15:15 · 231 阅读 · 0 评论 -
Redux异步方案实现
一、不借用第三方库实现Redux异步场景建立:先来个很常见的场景,在Http请求之前我们一般会用loading组件来表示数据正在请求,等Http请求结束就关闭loading。下图所示的是Http请求的3种状态:上述场景如果不使用redux状态管理器,我们会使用react的state或hooks特性来实现;如果使用redux该怎么实现呢?redux是通过dispatch()方法去触发re...原创 2019-08-23 16:00:07 · 1384 阅读 · 0 评论