React/React Native框架的设计思想

本文探讨React Native框架的设计思想,基于响应式编程范式,使用JSX定义用户界面,简化组件模型,强调组件是状态机。文章还介绍了React的生命周期、只读数据模型、虚拟DOM及其Diff算法,以及Flux的单向数据流架构,帮助理解React如何高效地管理和更新UI。
摘要由CSDN通过智能技术生成
  1. React Native框架的编程思想


(一)React Native框架的设计思想
    1. 基于响应式编程范式
      从其全局刷新的机制以及flux架构可以得出,react native是基于响应式编程范式的产物,所以其只关注数据流和消息的传递方式来进行编程。

    2. 使用JSX直观地定义用户界面(语法糖、模板引擎、avalon)
      facebook认为减少心智的负担比文件分离更为有用,所以facebook讲xml+js组合成JSX语言,从而让这种语言可以完成css、html、js的所需要描述的所有逻辑。本质上JSX只是一种语法糖,最后通过编程都会将其编译成js脚本进行使用,而这种使用xml来描述界面结构的方式与模板是十分相似的,但其本质还是JSX语法和编译后的js。这样做的好处是通过直观的方法来呈现界面的结构,能方便开发组织样式和事件等逻辑。二避免了传统的方式去构建重复的界面,如列表、表格,能用简洁的语法来表示复杂的界面(这一点与avalon十分类似)。

    3. 简化的组件模型,组件即是状态机(props、state、生命周期、组件嵌套)
      组件并不是一个新的概念,它意味着某个独立功能或界面的封装,达到服用或者业务分离的目的。但在react中,组件虽然也是对独立功能也界面的封装,但更将其看作状态机。组件的某种状态就对应某种界面,所以当组件发生更新或者子组件发生替换等事件&#
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值