React的介绍和特点

1. React是什么?

  • 1.1. React用于构建用户界面的JavaScript库
  • 1.2. React的官网文档:https://zh-hans.reactjs.org/

2. React的特点

  • 2.1. 声明式编程

    • 目前整个大前端开发的模式:Vue、React、Flutter、SwiftUI
    • 只需要维护自己的状态,当状态改变时,React可以根据最新的状态去渲染我们的UI节目
    • UI = f(state) 的编程范式
      • UI:最终构建出来的UI界面,state: 维护自己的状态,当状态发生改变时去自动执行render函数重新渲染界面:render函数
      • UI界面 = render执行函数+ 维护的状态
  • 2.2. 组件化开发

    • 组件化开发页面目前前端的流行趋势,会将复杂的界面拆分成一个个小的组件(将界面进行拆分,每个组件是一个可复用的模块)
    • 最终于形成一个组件树,把组件树构建后形成在页面上看到的UI界面
  • 2.3. 跨平台能力:一次学习可开发Web/移动端/VR应用

    • 2013年,React发布之初主要是开发web页面
    • 2015年,Facebookt推出ReactNative,用于移动端跨平台;(目前flutter非常火爆,但是还是很多公司在使用ReactNative)
    • 2017年,Facebookt推出ReactVR用于开发虚拟现实web应用程序(VR)
相关推荐
陈随易1 天前
有生之年系列,Nodejs进程管理pm2 v7.0发布
前端·后端·程序员
冰暮流星1 天前
javascript之事件代理/事件委托
前端
陈随易1 天前
AI时代,你还在坚持手搓文章吗
前端·后端·程序员
里欧跑得慢1 天前
17. Flutter Hero动画实现:让界面过渡更加优雅
前端·css·flutter·web
IT_陈寒1 天前
Vue的这个响应式陷阱,我debug了一整天才爬出来
前端·人工智能·后端
cn_mengbei1 天前
用React Native开发OpenHarmony应用:Reanimated共享元素过渡
javascript·react native·react.js
kyriewen1 天前
前端测试:别为了100%覆盖率而写测试,那是自欺欺人
前端·javascript·单元测试
去伪存真1 天前
我自己写的第一个skills--project-core-standards
前端·agent
Data_Journal1 天前
如何使用cURL更改User Agent
大数据·服务器·前端·javascript·数据库
竹林8181 天前
wagmi v2 多链钱包切换:一个 Uniswap 仿盘项目让我踩了三天坑
前端·javascript