前言：
我是一个vue重度用户，使用vue开发项目不知不觉都两年了，但是我在使用vue2.x 版本的时候有一些痛点，比如在一个文件中，逻辑比较多的时候，就比如一个发布页面，涉及到很多东西的填写和选择，首先我要给vue一个大大的赞，他的 v-model 双向绑定还是非常贴心的(虽然这个实现起来也不麻烦)但是这个还是值得我们去感谢这个框架的。 but！ 在用vue2.x的时候还是有很多的痛点的 ，就这个发布页面来说的话，当我们在 data 里边定义很多变量的时候，并且我们在下边的methods里边要反复操作的时候，这时候就该 ctrl+f 开始我们的反复横跳了，查找起来真的要命，所以看了一下 react的函数式组件之后，觉得焕然一新，这里没有比较的意思，只不过有的工具能解决我所不能忍受的痛点罢了。还有不得不吐槽一下 vue 的计算属性，虽然他用起来很方便，但是在计算属性里边，你必须仔细看，再去看模板才知道是一个变量，上下文中给人一种割裂感，就很不爽，拙见拙见（哈哈）；
说实话，就是想换一个框架试一下，毕竟新鲜感也很重要，哈哈哈
学习一个框架，很多人不推荐使用cdn引入的方式去学习，当然如果要是学过一个相似的框架，你怎么选择都可以，但是我认为，万丈高楼平地起，学习还是要一步一步来的，哈哈，首先 cdn引入react：
//引入顺序要注意哦
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
//引入这个通过Babel，JSX会把转换为使用React.createElement()类的ES5的语句，以使得其能被现今的浏览器引擎识别。
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script type="text/babel"></script> //这个type也不能忽略哦
之后就可以在你的script标签里边尽情的使用 jsx 语法构建你的dom啦！！
