React前端入门学习

React 起源于 Facebook 的内部项目，由于该公司对市场上全部 JavaScript MVC 框架，都不满意，就决定本身写一套，用来架设Instagram 的网站。作出来之后，发现这套东西很好用，就在2013年5月开源了。

因为 React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却很是简单。因此，愈来愈多的人开始关注和使用，认为它多是未来 Web 开发的主流工具。

这个项目自己也越滚越大，从最先的UI引擎变成了一整套先后端通吃的 Web App 解决方案。衍生的 React Native 项目，目标更是宏伟，但愿用写 Web App 的方式去写 Native App。若是可以实现，整个互联网行业都会被颠覆，由于同一组人只须要写一次 UI ，就能同时运行在服务器、浏览器和手机。

React主要用于构建UI。你能够在React里传递多种类型的参数，如声明代码，帮助你渲染出UI、也能够是静态的HTML DOM元素、也能够传递动态变量、甚至是可交互的应用组件。

特色：

1.声明式设计：React采用声明范式，能够轻松描述应用。

2.高效：React经过对DOM的模拟，最大限度地减小与DOM的交互。

3.灵活：React能够与已知的库或框架很好地配合。

示例

下面这段代码将会在在页面容器中呈现出“Hello Tom”：

[xml]view plaincopy

1. /**@jsxReact.DOM*/
2. varHelloMsg=React.createClass({
3. render:function(){
4. return<div>{'Hello'+this.props.name}</div>;
5. }});
6. React.renderComponent(<HelloMsg name="Tom"/>,mountNode);

该例使用一个相似XML语法的JSX来构建组件，实现一个render()方法，而且根据输入的数据返回相应的结果。输入的数据做为XML属性传递给组件，render()方法经过this.props访问这些输入的数据。

关于React详细内容：

React前端开发入门与实战

（课程主要讲解React的基础使用技巧及实战案例。）

讲师介绍：

何一鸣，花名承玉，2010年硕士毕业后加入淘宝，期间负责前端框架 KISSY 以及一些基础类库的开发和维护，2014 年末转入蚂蚁金服终端技术组，构建基于 React 的全新前端架构: 包括服务于中后台的 antd，服务于无线业务的 antd-mobile，应用架构 roof/dva，构建工具 atool-build 等。目前正和小组成员一块儿维护优化现有架构以及研发服务于更大范围开发者的支付宝小程序。

课程目标

• 掌握前端框架React开发技术

适合人群

• 前端开发者

更多精品课程：

7天玩转云服务器

云数据库Redis版使用教程

玩转云存储对象存储OSS使用入门

阿里云CDN使用教程

负载均衡入门与产品使用指南

阿里云大学官网（阿里云大学 - 官方网站，云生态下的创新人才工场）