【无标题】

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方法将其挂载在某一个节点上

组件的首字母必须大写

上一篇:SPA


下一篇:今日直播预告:平头哥合作伙伴计划即1520计划全解析