【React】入门

React是facebook开源的声明式、高性能的、可伸缩的JavaScript框架。它的初衷是用来高效构建UI界面,当然现在它已经升华成比较完成的Web App解决方案。

我们来看下React官网对它本身的特点解释

Declarative (我们暂且翻译成 声明式)

  • React可以很轻松的创建交互式UI元素,并且对应用中每个状态都对应一个简单视图,数据发生变化时,React会高效的更新并渲染相应的组件。

  • 声明式让我们的代码执行过程变得可预测,并且方便调试。

Component-Based (基于组件化)

  • React帮助我们封装组件,每个组件管理自己的状态,并且通过这些封装的组件,可以构建更负责的UI界面。

  • 组件的逻辑是通过JavaScript,而不是模版来编写的,因此我们可以很容易的在应用中传输复杂的数据,并且保持状态和DOM分离。

Learn Once, Write Anywhere (保持英语原文)

  • React并没有对学习者的技术栈去提出任何假设,我们可以不用重写已有的代码,用React开发新功能。

  • React也可以通过Node实现在服务器端渲染, 也可以使用React Native开发手机应用。

接下来,我们看看如何安装并使用React

  • 如果你是开发基于Yarn/NPM应用开发方式(推荐这种方式)

只要在你的工程中package.json配置中,dependencies分类下添加:

1
"react": "^16.0.0",

并通过如下命令行,并可自动安装react作为依赖框架

1
2
npm install
yarn install

当然,在这个知识共享、开源的世界里,建议还是善用集体的智慧,我们推荐使用一些React应用脚手架,何为脚手架,就类似于建房子周围的脚手架,方便构建应用,让我们关注于开发应用内容。当然,在熟用之后,也需要去学习下脚手架的原理精华。

如果需要脚手架,可以在github上搜索,或者留言楼主(秋秋:3272581921)

坚持原创技术分享,谢谢鼓励我继续创作!