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的网站架构;