react学习笔记P1

127 阅读1分钟

react学习笔记P1

react概述

什么是react?

React是一个用于构建用户界面的javaScript库,起源于facebook的内部项目,后续在13年开源了出来。

react的特点?

声明式

你只需要描述UI看起来是什么样式,就跟写HTML一样,React负责渲染UI

基于组件

组件是React最重要的内容,组件表示页面中的部分内容

学习一次,随处使用

使用React可以开发Web应用,使用React可以开发移动端,可以开发VR应用

React的使用?

image.png

React脚手架

脚手架的意义?

  • 脚手架是开发现代Web应用的必备
  • 充分利用 Webpack,Babel,ESLint等工具辅助项目开发
  • 零配置,无需手动配置繁琐的工具即可使用
  • 关注业务,而不是工具配置

使用React脚手架初始化项目

  • 初始化项目,命令: npx create-react-app my-zlf

    • npx 目的:提升包内提供的命令行工具的使用体验
    • 原来:先安装脚手架包,再使用这个包中提供的命令
    • 现在:无需安装脚手架包,就可以直接使用这个包提供的命令
    • create-react-app 这个是脚手架名称 不能随意更改
    • my-zlf 自己定义的项目名称
  • 启动项目,在项目根目录执行命令: npm start

### 脚手架中使用React

image.png