React 入门教程

欢迎来到小膏的react入门讲解。废话不多说。我们开始吧。
1.什么是react？
学习react能给我们带来什么？
在这里我占时提出这三个问题,我一一的回答。
什么是react
其实react 不是一个框架,是库，是一个体系。学习react是一个长远的目标。我们应该循环渐进。react库可以很轻松的为我们构建spa单页面应用程序。设计思想很独特。其实我们学习react 就是在学习react组件。
如果是从MVC设计角度来讲,React仅仅是试图层(v),也是负责视图的渲染,而并非提供了完整的M和C的功能。
学习react能给我们带来什么
可能学习react的时候比学vue比较难。当时我想你学习react的时候肯定会被他的设计思想所着迷。学习react 会给你带来对未来前端开发，极具向往。当然一般大型的项目都是react编写。灵活，复用,高效.等词语形容他都不为过。

react简介
初步使用react

1. 下载依赖 引入文件

npm instail react react-dom 

2.创建react元素

const reactElement = React.createElement('div',null,'Hello React')
// 1.创建react元素
// 参数一 元素名称
// 参数二 元素属性
// 参数三 元素子节点

ReactDOM.render(reactElement,doucoment.getElementById('app'));
//2. 渲染react元素
//参数一 表示要渲染react的元素
//参数二 挂载点

一看创建一个react元素怎么麻烦，其实官方推荐我们使用jsx语法。jsx 就是React.createElemenet的语法糖。后面我会详细介绍。

react脚手架

npx create-react-app  项目名称

npx

• npm v5.2.0引入的一条新的命令。
• 目的:无需安装脚手架包,就可以直接使用这个包提供的命令