脚手架

React 脚手架的使用

使用React脚手架初始化项目

npx命令介绍

npm v5.2.0引入的一条命令

• 目的：提升包提供的命令行工具的使用体验
• 原来：先安装脚手架包，再使用这个包提供的命令
• 现在：无需安装脚手架包，就可以直接使用这个包提供的命令

React 脚手架的使用

1.推荐使用： npx create-react-app my-app

2.npm init react-app my-app

3.yarn create react-app my-app

• yarn 是Facebook发布的包管理器 可以看作是npm的替代品，功能与npm相同
• yarn具有快速，可靠和安全的特点
• 初始化项目 yarn init
• 安装包 yarn add 包名称
• 安装项目依赖 yarn
• 其他命令参照yarn文档

在脚手架中使用React

• 导入react和react-dom两个包
  • import React from 'react'
  • import ReactDOM from 'react-dom'
• 调用 React.createElement()方法创建react元素
• 调用ReactDOM.render()方法渲染react元素到页面中

React基础

React是创建用户界面的javascript库

使用react 时 退件使用脚手架方式

初始化项目命令：npx create-react-app my-app

启动项目命令 yarn start (或者 npm start)

React.createElement()方法用于创建react元素

ReactDOM.render() 方法负责渲染react元素到页面中