《react 学习笔记》

react 学习笔记

• react 的图标
  

react 简介

• react 是由 Facebook 开发的一个 JavaScript 库
• react 不是一个框架
• 提供 视图层 的渲染
• 简单 —> 学习简单，代码简单
• 声明式 —> 编程 ：自动 DOM 操作

常见的两种编程方式：命令式和声明式
·命令式编程：命令“机器”如何去做事情(how)，这样不管你想要的是什么(what)，它都会按照你的命令实现。
声明式编程：告诉“机器”你想要的是什么(what)，让机器想出如何去做(how)。

react 核心

• 组件化：设计组件目的 —> 提升代码的可复用性、降低测试难度和代码复杂度

提高代码复用率：组件将数据与逻辑封装起来

降低测试难度：组件高内聚低耦合，很容易对单个组件进行测试

降低代码复杂度：使用 JSX 语法，更加直观的在 js 文件中看 HTML 代码, 提高可读性

视图层 —> V 层

• MVC 结构 : Model View Controller

react的发展历程

• 2013年5月，Facebook 官方发布 React
• 2013年9月, React 的热度开始上涨
• 2015年3月, ReactNative 发布
• 2017年4月, ReactVR发布

截止目前为止，react 的版本已经是 17.0.2
react 官方文档

react 诞生的原因：当时 Facebook 需要去解决一个数据变化的问题，开发过程中或者说是构建项目的过程中，一个大型应用的数据变化会导致很严重的问题, 由于当时互联网中并没有任意一个框架能够去满足 Facebook 的需求，因此 Facebook 的团队决定自己去研发一套框架或是JavaScript库

使用过 React 的一些公司

数据变化

• 存在大量的 DOM 操作
• 代码逻辑复杂

react 环境搭建

• 在 HTML 上编辑，需要下载 react.js 与 react-dom.js

• 使用 JSX 语法，需要使用相关的插件，eg: browser.js

react.js : react 的核心库
react-dom.js : 提供操作 DOM 相关的功能
browser.js : 将 JSX 语法 转换成 JavaScript 语法

三者之间存在着依赖关系：browser.js 依赖于 react-dom.js , 而它依赖于 react.js

有哪些自动构建工具呢？

学习总结

• 框架 即是一套解决方案