react入门级介绍

250 阅读1分钟

全局安装脚手架

$ 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