持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第4天,点击查看活动详情
React
什么是React?
React,是一个将数据渲染为HTML视图的开源JavaScript库。
声明式
React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据变动时 React 能高效更新并渲染合适的组件。
以声明式编写 UI,可以让你的代码更加可靠,且方便调试。
组件化
构建管理自身状态的封装组件,然后对其组合以构成复杂的 UI。
由于组件逻辑使用 JavaScript 编写而非模板,因此你可以轻松地在应用中传递数据,并保持状态与 DOM 分离。
一次学习,随处编写
无论你现在使用什么技术栈,在无需重写现有代码的前提下,通过引入 React 来开发新功能。
React 还可以使用 Node 进行服务器渲染,或使用 React Native 开发原生移动应用。
React是谁开发的?
由Facebook开发,且开源。
- 由Facebook的软件工程师 Jordan Walke 创建;
- 于2011年部署于 Facebook 的 newsfeed;
- 随后在2012年部署于 Instagram;
- 2013年5月宣布开源;
- 2014扩张之年;
- 2015走向稳定;
- 2016引领主流;
- 2017改进之年;
- 2018趋于稳定;
- 。。。
为什么值得学?
原生js的痛点
- 原生js操作DOM繁琐、效率低;
- 使用js直接操作DOM会导致浏览器大量重绘重排;
- 原生js没有组件化编码方案,代码复用率低。
React的特点
- 采用组件化模式、声明式编码,提高开发效率及组件复用率;
- 在
React Native中可以使用React语法进行移动端开发; - 使用虚拟DOM+优秀的Diffing算法,尽量减少与真实DOM的交互。
学习React之前需要掌握的js基础知识
- 判断this的指向
- class
- ES6语法规范
- npm包管理器
- 原型、原型链
- 数组常用方法
- 模块化