Voyz's Studio.

React学习笔记（四）

React
字数统计: 247阅读时长: 1 min
2019/04/16 Share

对于React的思考

声明式开发

区别于命令式编程（大部分都在操作DOM）
React只关心数据，会根据数据自动构建DOM

可以与其它框架共存

React的index.js挂载在id为root的div标签的渲染，其他部分和React无关，每个库只管理自己的一部分。

组件化

组件的标签名称大写开头 <Componennt />
元素为小写开头 <div></div>

单向数据流

父组件可以给子组件传值，该值是只读的，子组件无法修改

  • 父组件 ==> 子组件
1
2
3
<Parents val2child = {val_parent}/>  
// child获取
this.props.val2child
  • 子组件 ==> 父组件
1
2
3
<Parents fun2child = {this.fun_parent.bind(this)}/>
// child传值
this.fun2child(params)

视图层框架

只解决数据和页面渲染，大型项目中要有Redux，Flux等数据层框架来辅助。

函数式编程

  • 维护起来比较容易
  • 面向测试（自动化测试）的开发流程
CATALOG
  1. 1. 对于React的思考
    1. 1.1. 声明式开发
    2. 1.2. 可以与其它框架共存
    3. 1.3. 组件化
    4. 1.4. 单向数据流
    5. 1.5. 视图层框架
    6. 1.6. 函数式编程
Total : 137
2021
2020
2019
2018
技术贴 JavaScript Flutter 算法题 热题HOT100 哈希表 滑动窗口 回溯算法 链表 二分法 矩阵 动态规划 贪心算法 指针 快速排序 迭代 二叉树 数组 快慢指针 排序 背包问题 单调栈 栈 DFS 岛屿问题 React Native React 旅行记 效率工具 python 小程序 英语 生活 足球 算法 性能优化 ES6 TypeScript koa