初识react

Posted 文艺范儿m

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初识react相关的知识,希望对你有一定的参考价值。

 react源于Facebook,由于html5的性能问题,Facebook内部自己开发了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也可以实现双向绑定,但不建议使用)

react基础核心文件

  • react.js:实现React核心逻辑,且于具体的渲染引擎无关,从而可以跨平台公用。如果应用要迁移到React Native,这一部分逻辑是不需要改变的。
  • react-dom.js:包含了具体的DOM渲染更新逻辑,以及服务端渲染的逻辑,这部分就是与浏览器相关的部分了

react入门和组件直接上demo,源码链接 https://pan.baidu.com/s/1mitaZNE

以上是关于初识react的主要内容,如果未能解决你的问题,请参考以下文章

React 初识

初识React

React系列,初识

初识React

react初识生命周期

初识react