react.js,用于构建用户界面的JavaScript库;

第1章:react简介;

优势:声明式设计,轻松描述应用;通过对dom模拟,减少与dom交互;可以与已知的库或框架很好的配合;使用jsx极大的提高js运行效率;组件复用;单向相应的数据流,减少了重复代码;

 

第2章:react jsx;

jsx里的算术表达式;条件表达式;嵌入表达式;对象表达式;函数表达式;增强函数表达式;数组表达式;样式表达式;注释表达式;

 

第3章:react组件与props;

组件类型:函数组件;类组件;组合组件;

组件传值:props;

组件切分与提取;

 

第4章:react status与生命周期;

使用status保证界面和数据的一致性;

 

第5章:react事件处理;

第6章:react条件渲染;

第7章:react列表与key;

第8章:react表单;

 

第9章:组合与继承;

react框架在组件代码重用方面,具有组合模式与继承模式。

在实际项目中尽量使用组合模式;而非继承模式实现组件的代码重用。

组件与子组件的设计:根据需求设计;

第10章:状态提升;

应用场景:多个子组件的数据要跟父组件进行关联;

案例:如何同时监测两个温度计的温度;

 

第11章:react扩展;

node;babel;webpack;browserify(模块打包工具);react router(可实现单页面应用);

redux(store,reducer,dispatch,middleware):JavaScript状态容器,实现了可预测的状态管理,不属于react框架,完全独立。

 

实战1:基于react+redux实现计数器应用;

实战2:基于react+redux实现计算器应用;

实战3:基于provider容器组件重构计算器应用;

实战4:基于redux实现任务管理器应用;

实战5:基于react+router+redux的网站架构;