前 言 毫无疑问，react是目前最最热门的框架(没有之一)，了解并学习使用React，可以说是现在每个前端工程师都需要的。 在前端领域，一个框架为何会如此之火爆，无外乎两个原因：性能优秀，开发效率高。React当然集成了这两大优点。 这要归功于React的两大特点， ...
前 言
毫无疑问，react是目前最最热门的框架(没有之一)，了解并学习使用React，可以说是现在每个前端工程师都需要的。
在前端领域，一个框架为何会如此之火爆，无外乎两个原因：性能优秀，开发效率高。React当然集成了这两大优点。
这要归功于React的两大特点，也是该框架一直强调的优势：
1.虚拟dom与dom diff：在React中，一切的更新都是先更新虚拟dom，再根据react自带的dom diff 算法，进行对比计算，在实际dom中实现最小粒度的更新，这就是React性能优秀的原因了！
2.一切皆是组件：React强调一切皆是组件，那么组件就是React的核心元素，在使用React开发时，开发人员会对各种颗粒进行组件化开发，自然而然的提升了代码复用度，提升了开发效率。
本系列文章，每篇都会有个小实例，带领大家一步步的走进React开发的世界。
文章预告
本系列文章分为
React实例入门教程(1)基础API,JSX语法--hello world
React实例入门教程(2)组件与组件的生命周期--弹窗组件
React实例入门教程(3)数据流之props与state--实时更新的倒计时组件
React实例入门教程(4)事件处理--事件丰富的swipe组件
React实例入门教程(5)总结--咪咕阅读首页开发实战
LET'S START
作为本系列教程的第一篇，按照国际惯例，我们先从HELLO WORLD 开始~，那么先看看本例的代码吧：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>hello world</title> <script src='/images/loading.gif' data-original="react.js"></script> <script src='/images/loading.gif' data-original="react-dom.js"></script> <script src='/images/loading.gif' data-original="browser.min.js"></script></head><body> <div id="demo"></div> <script type="text/babel"> var Helloworld = React.createClass({ render:function(){ return <div>hello world</div>; } }); ReactDOM.render(<Helloworld/>,document.getElementById("demo")); </script></body></html>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：【原创】React实例入门教程基础API,JSX语法
关键词：JS
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
