第一节:React概述

144 阅读2分钟

React概述

核心概念

核心思想

核心思想是组件化开发:功能拆分组件封装单独维护

组件化开发的好处

  • 代码复用:将常用功能封装为组件,按需引入,提高开发效率
  • 利于维护:当功能需要维护时,只需要维护对应的组件即可
  • 前后端分离:组件开发推动了前后端分离思想的发展

诞生背景

源于一种设想——把常用的组件封装好,实现功能时只需要像搭积木一样组合起来。但是由于浏览器和JS对组件的支持一种不完善,所以直到2013年React框架发布,使得用于实际开发的组件库得以实现。它是有Facebook推出。

简介

它是用于构建用户界面的JS库,推崇以组件开发方式构建UI,像MVC、MVVM等应用框架都可以采用。它本身的api不多,但要用它需要其他配套工具。

特点

  • 组件化:推崇组件化开发,为每个功能模块设计视图,从而创建拥有各自状态、相对独立的组件,再由各个组件去构建更加复杂的UI界面,使得代码容易复用,且易于维护
  • 声明式:采用JS声明的方式创建组件、编写组件逻辑。可以较好的在应用中传递数据,且当数据改变时React会有效的重新渲染组件,让创建交互式的用户界面变得相对容易。
  • JSX语法:它是JS语言的拓展,结合JSX编写组件能够更好的描述出UI界面本应该有的交互式本质
  • 单向数据流:数据从上向下传递而子组件不能直接影响外层组件的模型。
  • 灵活:Learn Once,White Anywhere!无论你使用什么技术栈,都可以随时引入React开发新特性,它可以与已知的库和框架很好的配合。