React之环境的搭建(一)
# 一、什么是react
- react是由Facebook开发的一个JavaScript库,而不是一个框架。当时Facebook需要解决一个问题,开发(或者说是构建)一个数据不断变化的大型应用。而数据变化会带来两个很严重的问题
# 二、react的特点
- 简单:学习简单,代码简单
- 声明式(编程):自动
DOM操作
React的核心是组件,组件的设计目的是提升代码的复用率、降低测试难度和代码复杂度。
- 提高代码复用率:组件将数据与逻辑封装
- 降低测试难度:组件高内聚低耦合,很容易对单个组件进行测试
- 降低代码复杂度:使用
JSX语法,更直观的在js文件中看HTML代码,提高可读性
# 三、react的开发环境的配置
如果是要直接在
HTML上编辑,需要下载react.js与react-dom.js。如果要使用JSX语法,则需要使用转换JSX语法的插件。这里使用brower.js。在线地址:https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js
react.js:react的核心库react-dom.js:提供操作DOM相关的功能brower,js:将使用的JSX语法转换成JavaScript语法
注意:三者引用顺序必须是
react、react-dom、brower
# 四、React、ReactDOM中有什么

# 五、yeoman环境
yeoman前端脚手架工具
cnpm i -g yeoman
@前端进阶之旅: 代码已经复制到剪贴板
https://github.com/react-webpack-generators/generator-react-webpack#readme
# Make sure both is installed globally
npm install -g yo
npm install -g generator-react-webpack
# Create a new directory, and `cd` into it:
mkdir my-new-project && cd my-new-project
# Run the generator
yo react-webpack