React前端入门学习
2018-03-21 13:35
489 查看
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/**@jsxReact.DOM*/
varHelloMsg=React.createClass({
render:function(){
return<div>{'Hello'+this.props.name}</div>;
}});
React.renderComponent(<HelloMsg name="Tom"/>,mountNode);
该例使用一个类似XML语法的JSX来构建组件,实现一个render()方法,并且根据输入的数据返回相应的结果。输入的数据作为XML属性传递给组件,render()方法通过this.props访问这些输入的数据。关于React详细内容:
适合人群前端开发者
更多精品课程:
7天玩转云服务器
云数据库Redis版使用教程
玩转云存储对象存储OSS使用入门
阿里云CDN使用教程
负载均衡入门与产品使用指南阿里云大学官网(阿里云大学 - 官方网站,云生态下的创新人才工场)
varHelloMsg=React.createClass({
render:function(){
return<div>{'Hello'+this.props.name}</div>;
}});
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使用教程
负载均衡入门与产品使用指南阿里云大学官网(阿里云大学 - 官方网站,云生态下的创新人才工场)
相关文章推荐
- 前端开发入门:框架篇-ReactJS入门学习
- 学习web前端入门学习顺序
- 前端框架学习总结之Angular、React与Vue的比较详解
- Web前端入门学习(2)——HTML常用标签
- 前端学习资料(入门)
- 前端框架React Js入门教程【精】
- Web 前端学习笔记之 HTML 入门(3)
- 前端学习入门
- 强力推荐!web前端小白最常用的5个学习网站,让你快速入门!
- 前端学习笔记入门篇三--浏览器兼容
- 学习react.js最简单的入门demo1
- 前端学习-入门
- 513前端学习资料----dojo入门(1)
- ReactJS入门学习二
- web前端基础学习入门篇(一)
- java入门、java学习必读,WEB前端学习路线
- web前端入门学习(纯干货)
- web前端入门的几个学习姿势和三个千万要不得的障碍学习想法
- ReactJS入门学习一
- 前端入门DAY4-学习笔记