第01节、认识React

我们常看到的React教程,上来就是构建复杂的环境,webpack,ES2015技术等繁华的技术所遮掩,其实React的核心是简单和简洁的。我们教程也会从最简朴的方式开始教学,让大家了解React的基本思想和方法。只有了解这些,你在实际工作中才可以减少出错,增加排查错误的能力。

前置知识

如果你想学习本套课程还是有一定的门槛的,你需要有下面两个个基础知识:

  • HTML+CSS:你需要会基本的html和css知识,如果你做过一年的布局工作,学习起来会更加容易。
  • JavaScript:需要扎实的JS功底,因为在React中的组件都会用到JS编写,所以你JS基础越好,学习起来越容易。

React简介

React起源于Facebook的内部项目,该公司积极尝试引入HTML5技术用来架设Instagram网站,开发中发现HTML5的性能下降明显,达不到预期的效果。他们就自己开发了React框架。

ReactJS官方地址:https://facebook.github.io/react/

GitHub地址:https://github.com/facebook/react

React特点

  • 虚拟DOM: React也是以数据驱动的,每次数据变化React都会扫码整个虚拟DOM树,自动计算与上次虚拟DOM的差异变化,然后针对需要变化的部分进行实际的浏览器DOM更新。
  • 组件化: React可以从功能角度横向划分,将UI分解成不同组件,各组件都独立封装,整个UI是由一个个小组件构成的一个大组件,每个组件只关系自身的逻辑,彼此独立。
  • 单项数据流:React设计者认为数据双向绑定虽然便捷,但在复杂场景下副作用也是很明显,所以React更倾向于单向的数据流动-从父节点传递到子节点。(使用ReactLink也可以实现双向绑定,但不建议使用)
© 版权声明
THE END
喜欢就支持一下吧
点赞14 分享
评论 抢沙发

请登录后发表评论