初识React(day1)

77 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第1天,点击查看活动详情

React概述

  1. 什么是React:
  • React是一个用于构建用户界面的JavaScript库(用户界面:HTML页面)
  • React主要用来写HTML页面,或者构建Web应用
  • 如果从MVC的角度来看,React仅仅是视图层(V),也就是说React只负责视图的渲染,而并非提供了完整的M和C的功能
  • React起源于Facebook的内部项目,后来用来架设Instagram的网站,并且于2013年5月开源
React中文官方文档:react.docschina.org/
  1. React的特点:
  • 声明式:React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据改变时 React 能有效地更新并正确地渲染组件。以声明式编写 UI,可以让你的代码更加可靠,且方便调试。

示例代码:

const jsx = <div className="app">
<h1>Hello React! 动态变化数据:{count}</h1>
</div>
  • 基于组件:组件是React最重要的内容,创建拥有各自状态的组件,再由这些组件构成更加复杂的 UI。组件逻辑使用 JavaScript 编写而非模版,因此你可以轻松地在应用中传递数据,并使得状态与 DOM 分离。复用多个组件可以实现完整的页面功能。
  • 学习一次,随处使用:无论你现在正在使用什么技术栈,你都可以随时引入 React 来开发新特性,而不需要重写现有代码。React 还可以使用 Node 进行服务器渲染,或使用 React Native开发原生移动应用。使用React可以开发Web应用,可以开发移动端原生应用,可以开发VR(虚拟现实)应用(React360)
  1. React脚手架的使用
  • 脚手架是开发现代Web应用的必备工具
  • 充分利用Webpack,Babel,Eslint等工具可以辅助项目开发
  • 零配置,无需动手配置繁琐的工具即可使用
  • 关注业务,而不是工具配置