React入门级介绍

全局安装脚手架

$ npm i -g create-react-app

基于脚手架快速构建工程化的项目

$ create-react-app xxx项目名称

项目执行命令（package.json）

$ yarn start //=>开发环境下启动项目（默认会基于webpack-dev-server创建一个服务，用来随时编译和翻译开发的内容）

$ yarn build //=>生产环境下，把编写的内容打包编译，放到build文件目录下（服务器部署）
$ yarn eject //=>把所有隐藏在node_models 中的webpack中的配置项都暴露出来（方便自己根据项目需求，二次更改webpack配置）

简单了解react和vue的区别

• vue是MVVM框架(model view viewModel)：

• model:data(defineProperty GETTER/SETTER),computed,vuex…
• view:template,el,render…
• viewModel:vue本身实现，用来监听数据和视图的改变，从而实现双向数据绑定

• vue是渐进式框架：vue/vuex/vue-router/axios(fetch) element-ui

• react是MVC框架(model view controll)：

• react比vue少实现了v-model具备的功能
• MVC是单向数据绑定，数据更改可以渲染视图，但是视图更改没有更改数据，需要我们自己在控制层基于change事件实现数据的更改（REACT）
• MVC是单向数据绑定，数据更改可以渲染视图，但是视图更改没有更改数据，需要我们自己在控制层基于change事件实现数据的更改（REACT）

• react也是渐进式框架：react/react-dom(react-native）
  //=>组件、JSX、DOM DIFF、事件…
  react-router-dom:hash/browser
  reactx:react-redux,dva,redux-saga,mobx…
  axios/fetch