React基础笔记
欢迎大佬来看萌新写的笔记
什么是React?
React是一个声明式,高效且灵活的用于构建用户界面的JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面,这些代码片段被称作组件。
React的特点
轻量:
React的开发版所有源码(包含注释)仅3000多行
原生:
所有的React的代码都是用原生JS书写而成的,不依赖其他任何库
易扩展:
React对代码的封装程度较低,也没有过多的使用魔法,所以React中的很多功能都可以扩展。
不依赖宿主环境:
React只依赖原生JS语言,不依赖任何其他东西,包括运行环境。因此,它可以被轻松的移植到浏览器、桌面应用、移动端。
渐近式:
React并非框架,对整个工程没有强制约束力。这对与那些已存在的工程,可以逐步的将其改造为React,而不需要全盘重写。
单向数据流:
所有的数据自顶而下的流动
用JS代码声明界面
组件化
react特点和优势:
1.虚拟dom
虚拟DOM是在DOM的基础上建立了一个抽象层,对数据和状态所做的任何改动,都会被自动且高效的同步到虚拟DOM,最后再批量同步到DOM中。
2.组件
组件化 组件指的就是同时包含了html、css、js、image元素的聚合体
每个组件和组件都相互独立 便于维护
组件是通过React.createClass创建的
组件的划分要满足高内聚,低耦合的原则。
组件其实就是一个构造器,每次使用组件都相当于在实例化组件
react的组件必须使用render函数来创建组件的虚拟dom结构
组件需要使用ReactDOM.render方法将其挂载在某一个节点上
组件的首字母必须大写