分类:React干货

使用react redux开发一个待办事宜demo

使用react redux开发一个待办事宜demo
引言&目标我们之前学习了react、redux、react-redux、webpack以及babel的使用方式,那么下面我们使用它们搭建一个待办事宜的程序,通过这个程序我们可以综合使用这些技术,将它们...

7个月前 (2017-01-07) 65℃ 暂无评论 8

React系列之 Flux架构模式

React系列之 Flux架构模式
由于 React 只涉及 UI 层的处理,所以构建大型应用应该搭配一个框架模式才能使后期维护成本相对较小~Flux 正是 FB 官方给出的应用架构,他推崇一种单向的数据流动模式,看下图感...

7个月前 (2017-01-03) 55℃ 暂无评论 7

React系列之 Redux 架构模式

React系列之 Redux 架构模式
Flux 架构相对来说还是比较繁琐,同时社区也涌现了很多第三方的框架模式,而 Redux 则脱颖而出React 以组件的形式维护了一颗 UI 树,但是对状态数据没有做更多的处理,Redux 则把状...

7个月前 (2017-01-03) 40℃ 暂无评论 4

React组件之前是如何通信的

React组件之前是如何通信的
原著序处理 React 组件之间的交流方式,主要取决于组件之间的关系,然而这些关系的约定人就是你。我不会讲太多关于 data-stores、data-adapters 或者 data-helpers 之类的话题...

7个月前 (2017-01-01) 89℃ 暂无评论 9

React入门 Demo实例之⑤ 组件的嵌套使用

React入门 Demo实例之⑤ 组件的嵌套使用
在封装react时,我们往往按照最小单位封装,例如封装一个通用的div,一个通用的span,或者一个通用的table等,所以各自组件对应的方法都会随着组件封装起来,例如div有自己的方法可以更...

7个月前 (2017-01-01) 54℃ 暂无评论 6

React入门 Demo实例之④ 网络请求触发状态变化

React入门 Demo实例之④ 网络请求触发状态变化
上一节讲到状态变化触发render的重新渲染,这里将常用的网络请求引入,结合到状态变化中。这个例子中,页面每秒会请求一次网络,将请求到的数据中时间戳更新到状态中。但是这个例子中实际上并没有使用服务返回的时间戳,因为我在公司使用测试网的接口拿数据,但是开放给大家要换一个公网能拿到时间戳的api,简单的找了下没找到,也不想用公司的接口试,所以算是mock了下~,在complete中每次都取浏览器时间来更新。
仍旧是先看代码,相比于上一个例子,这里多了两个函数request和componentDidMount...

7个月前 (2017-01-01) 72℃ 暂无评论 8

React入门 Demo实例之③ state,react的核心

React入门 Demo实例之③ state,react的核心
state算是react的核心了,任何页面的变化,刷新都是state的变化引起。在react中,只要调用了setState都会引起render的重新执行。下面介绍下如何通过键盘事件触发状态变化。代码:<h...

7个月前 (2017-01-01) 38℃ 暂无评论 6

React入门 Demo实例之② 带有参数的react

React入门 Demo实例之② 带有参数的react
往往在使用中,文本的内容并不是写死的,而是需要被我们指定,这样组件才能更通用。下面介绍下,如何向react中传递参数。首先,这个大体上跟第一个demo类似,唯有实例化Text时,多了参数。
当我们传递参数时,写了两种方式,一种是 name="react"另一种是age={181},这两种写法是有区别的,并不仅仅因为一个是str,一个是int。如果是str这种类型,写成 name="xxx"或者name={"xxx"}都是可以的,加了{}的意思就是js中的变量,更加精确了。而后者age={18...

7个月前 (2017-01-01) 31℃ 暂无评论 8

React入门 Demo实例之① 最简单的react渲染

React入门 Demo实例之① 最简单的react渲染
React入门 Demo实例之① 最简单的react渲染 这段代码是用来渲染react组件额,第一个参数是组件,第二个参数是要渲染的位置。
* 使用的 方式就可以实例化组件,或者写成,要注意下,react中标签的闭合非常严格,任何标签的关闭与打开必须一一对应,否则会报错。
* 到目前为止,就完成了一次渲染,将Text组件render函数返回的内容,填充到了id=well的div中。...

7个月前 (2017-01-01) 63℃ 暂无评论 8

React 最简单的入门应用项目

React 最简单的入门应用项目
刚刚过去的2016年,可以说是为VUE与React的元年,仅仅一年的时间,前端技术更新就很迅速,我们需要让自己时刻保持学习,才不会被落伍。作为前端开发人员,自然不能掉队,看API文档加Demo...

7个月前 (2017-01-01) 234℃ 暂无评论 11