react
软件行业名词
React是一个自由及开放源代码的前端ECMAScript工具库,用于基于UI组件构建用户界面。它起源于Facebook的内部项目,因为该公司对市场上所有JavaScript MVC框架都不满意,就决定自己写一套,用来架设Instagram的网站。在2013年5月开源后,React很快就受到了广泛的欢迎和使用。React可用作开发具有Next.js等框架的单页、手机或服务器渲染应用程序的基础。然而,React只专注于状态管理和将状态渲染到DOM,因此创建React应用程序通常需要使用额外的工具库来进行路由实现,以及某些客户端功能。React由后设(前身为Facebook)和由个人开发者和公司组成的社群维护。
基本介绍
由于 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]视图 plaincopy
1./**@jsxReact.DOM*/
2.varHelloMsg=React.createClass({
3.render:函数(){
{'Hello'+this.props.name}
;
5.}});
6.React.renderComponent(,mountNode);
该例使用一个类似XML语法的JSX来构建组件,实现一个render()方法,并且根据输入的数据返回相应的结果。输入的数据作为XML属性传递给组件,render()方法通过this.props访问这些输入的数据。
参考资料
React免费学习课程.hubwiz.com.2016-01-21
目录
概述
基本介绍
参考资料