react入门教程一

react简介

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。

由于 React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。

这个项目本身也越滚越大，从最早的UI引擎变成了一整套前后端通吃的 Web App 解决方案。衍生的 React Native 项目，目标更是宏伟，希望用写 Web App 的方式去写 Native App。如果能够实现，整个互联网行业都会被颠覆，因为同一组人只需要写一次 UI ，就能同时运行在服务器、浏览器和手机。

特点：

1. 声明式设计：React采用声明范式，可以轻松描述应用。
2. 高效：React通过对DOM的模拟，最大限度地减少与DOM的交互。
3. 灵活：React可以与已知的库或框架很好地配合。

一些好的学习途径：

阮一峰-React 技术栈系列教程

react中文社区

官方文档

react入门知识储备

ES6

react推荐使用ES6语法，如果你已经熟悉ES6，那就最好去使用ES6。

但如果你并不很了解，使用之前的ES语法也是可以的，但在此之前，你一定要先了解ES6的 const，let 以及 箭头函数。

Webpack & Babel

Babel用于将ES6及jsx语法翻译成浏览器可以识别渲染的语法，而Webpack则用于将这一过程自动化，从而提高开发效率。

前期学习过程中可以借助脚手架去配置Webpack和Babel，但是要试着去看懂理解他们的配置，逐渐去摆脱脚手架的束缚。

react两种前端使用方法

直接使用

通过script标签引入

注意：

1. 最后一个