React 学习一

一、什么是react

       可能是构建现代 Web 应用最佳选择之一。虽然它仅仅提供了视图层抽象，但是 React 生态圈组成了一个整体的灵活且可替换的框架。React 拥有简单整洁的 API、神奇的生态圈以及很棒的社区。你可以看一下我使用 React 的经验：我为什么从 Angular 转移到了 React。我强烈推荐你仔细考虑一下，选择 React 而不是其他的框架或库。毕竟每个人都迫切地想要知道 React 接下来会引领我们走向何方

二、环境搭建

1.监测环境中是否存在，没有自己百度下单node与npm：

node --version
*v8.3.0
npm --version
*v5.5.1

2.切换包的下载的语言环境

npm install -g cnpm --registry=http://registry.npm.taobao.org

3.创建一个本地的react包

npm install react

npm init -y 命令初始化了一个 npm 项目

npm install react react-dom

4.首先你需要把它安装成 node 的全局包。你就可以在命令行创建和初始化 React 应用了。

npm install -g 
npm install -g create-react-app

5.通过检查 create-react-app 的版本来验证是否安装成功。

create-react-app --version
*v1.4.1

6.创建一个项目

create-react-app halloWork
cd halloWork

7.打开下载的项目

项目结构：

例：

books/
  README.md
  node_modules/
  package.json
  .gitignore
  public/
    favicon.ico
    index.html
    manifest.json
  src/
    App.css
    App.js
    App.test.js
    index.css
    index.js
    logo.svg
    registerServiceWorker.js

7.启动项目
// 在 http://localhost:3000 启动应用
npm start

// 运行所有测试
npm test

// 构建项目的产品文件
npm run build