react使用入门

什么是React？

React 是一个用于构建用户界面的 JavaScript 库，主要用于构建UI。

React特点

1.声明式设计：React采用声明范式，可以轻松描述应用。
2.高效：React通过对DOM的模拟，最大限度地减少与DOM的交互。
3.灵活：React可以与已知的库或框架很好地配合。

react环境搭建

1.建立一个项目的目录，在目录中 npm init -y 在目录中产生package.json文件 	
2. npm i react --save (或yarn add react) 目录中会有一个node_modules目录，找到react目录，找到这个目录下的umd目录，拷贝umd目录下react.development.js 到自己的js目录下 	
3. npm i react-dom --save(或 yarn add react-dom)在node_modules目录下找到react-dom目录，在这个目录下找到umd目录，在react-dom／umd目录下找到react-dom.development.js文件拷贝到自己的js目录下。
4.npm i babel-standalone --save（或yarn add babel-standalone）在node_modules目录下找到babel-standalone目录拷贝这个目录下的babel.js 到js目录下。
5. 引入顺序  
      1）react.development.js
      2）react－dom.development.js
      3） babel.js
    （PS：顺序一定要按照这个顺序，否则会报错呦！）
6.	注意这个问题
   script的type属性指定为 text/babel

安装脚手架

1.npm i create-react-app -g  全局安装 
2.create-react-app --version 查看版本号(能看到版本号表示安装成功) 
3.create-react-app 项目名     创建项目 
4.npm start （yart start）    启动项目

Hello Word

话说，写出来Hello Word就入门了呢！

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

这样就能在页面中显示“Hello Word！”的标题啦。

React的入门使用就是这样了，我们一起研究react的其他乐趣吧。