SF
朱哥的全栈历险记
朱哥的全栈历险记
注册登录
关注博客
注册登录
主页
关于
RSS
React系列---React+Redux工程目录结构划分
zhutianxiang
2017-07-27
阅读 3 分钟
12.8k
按角色组织 如果你用MVC框架开发过应用,应该知道MVC框架之下,通常有这样一种代码组织方式: {代码...} Controller、Model、View分别代表三种模块角色。这种组织代码的方式叫做“按角色组织”。 因为MVC的影响深远,一些风格依然影响了前端人员的思维方式,在Redux应用的构建中,就有这种组织方式: {代码...} 角色如下:...
React系列---Redux高阶运用
zhutianxiang
2017-07-16
阅读 8 分钟
5.4k
在Redux架构中,reducer是一个纯函数,它的职责是根据previousState和action计算出新的state。在复杂应用中,Redux提供的combineReducers让我们可以把顶层的reducer拆分成多个小的reducer,分别独立地操作state树的不同部分。而在一个应用中,很多小粒度的reducer往往有很多重复的逻辑,那么对于这些reducer,如何抽取公...
React系列---FSA知识
zhutianxiang
2017-07-09
阅读 3 分钟
5.4k
action在Flux架构中是及其重要的概念,它是应用状态变化的必要条件,所有的状态都必须通过action触发。action的角色是状态变更信息的载体,是一个object,包含一个表示action type的字段,这是Flux对action的全部要求。不同于Flux作为架构思想的宽泛要求,在实际的开发中,我们往往希望打交道的同类实物有着类似的接口/...
React系列---Redux异步流
zhutianxiang
2017-07-09
阅读 5 分钟
7.1k
Redux单向数据流,由action对象开始驱动,每个action对象被派发到Store之后,被分配给reducer函数,reducer完成数据操作后立刻返回,reducer返回的结果又被拿去更新Store上的状态数据,更新状态数据的操作立刻会被同步给监听Store状态改变的函数,从而引发React视图组件的更新过程。
React系列---Webpack环境搭建(三)打包性能优化
zhutianxiang
2017-06-30
阅读 4 分钟
6.7k
实际项目,动辄上千个模块,打包花1分钟以上是很常见的。我们构建的时候,往往希望自己的代码和第三方库(vendors)可以分开打包,因为不涉及到升级第三方库时,就没必要每次浪费打包时间在这上面。
React系列---Webpack环境搭建(二)不同环境不同配置
zhutianxiang
2017-06-27
阅读 5 分钟
9.3k
React系列---Webpack环境搭建(一)手动搭建React系列---Webpack环境搭建(二)不同环境不同配置React系列---Webpack环境搭建(三)打包性能优化 实际项目中,往往不同环境有不同的构建需求。比如开发、测试和生产环境对应的后端接口地址不同,生产环境需要进行代码混淆、压缩等。 因此,往往还需要将webpack配置分成多...
React系列---React(三)组件的生命周期
zhutianxiang
2017-06-25
阅读 5 分钟
6.7k
React严格定义了组件的生命周期,共3个过程:1) 装载过程(Mount):组件第一次在DOM树中渲染的过程;2) 更新过程(Update):组件被重新渲染的过程;3) 卸载过程(Unmount):组件从DOM树中删除的过程。
React系列---React(二)组件的prop和state
zhutianxiang
2017-06-25
阅读 6 分钟
12.8k
组件是React的基石,所有的React应用程序都是基于组件的。基于组件的应用开发是广泛使用的软件开发模式,用分而治之的方法,把一个大的应用分解成若干小的组件,每个组件只关注某个特定功能,但是把组件组合起来,就能构成一个功能庞大的应用。
React系列---ESlint
zhutianxiang
2017-06-24
阅读 2 分钟
8.9k
ESLint是一个JavaScript代码静态检查工具,可以检查JavaScript的语法错误,提示潜在的bug,可以有效提高代码质量。维持前端团队高度一致的编码风格。ESLint不但提供一些默认的规则,也提供用户自定义规则来约束所写的JavaScript代码。
React系列---Babel
zhutianxiang
2017-06-24
阅读 5 分钟
5.9k
Babel是一个广泛使用的转码器,可以将ES6/ES7代码转为ES5代码。JavaScript在不断发展,各种新的标准提案层出不穷,由于浏览器的多样性导致可能几年之内都无法广泛普及,Babel可以让你无顾虑的使用这些特性。
React系列---Webpack环境搭建(一)手动搭建
zhutianxiang
2017-06-23
阅读 6 分钟
8k
React系列---Webpack环境搭建(一)手动搭建React系列---Webpack环境搭建(二)不同环境不同配置React系列---Webpack环境搭建(三)打包性能优化 工程初始化 确保已经安装了node,npm包管理工具会随node一起安装。 可用以下方式安装依赖包: {代码...} 创建react-webpack-demo目录并进入: 生成package.json {代码...} ...
React系列---React-Router
zhutianxiang
2017-06-22
阅读 9 分钟
11.7k
在不同“页面”之前切换,但感知不到刷新,只是局部更新,这种看起来多页面而实际只有一个页面的应用,被称为“单页应用”(Single Page Appliaction)。
React系列---React(一)初识React
zhutianxiang
2017-06-22
阅读 2 分钟
9k
React是Facebook推出的一个JavaScript库,它的口号就是“用来创建用户界面的JavaScript库”,所以它只是和用户界面打交道,可以把它看成MVC中的V(视图)层。
React+Redux开发实录(二)React技术栈一览
zhutianxiang
2017-06-22
阅读 2 分钟
9.5k
从上面搭建工程脚手架中,我们看到了React开发技术栈。有ES6、babel、eslint、webpack、react、redux、react-router。