1.5  hello world实战训练

遵循传统，在学习React前先带领读者构建一个基于Webpack的Hello World应用。

1.5.1  不涉及项目构建的Hello World

本节实现一个不涉及项目构建的Hello World。

React的第一个Hello World网页示例（源码地址是https://jsfiddle.net/allan91/2h1sf0ky/8/）：

上面的代码很简单，直接引用CDN（Content-Delivery-Network）上的react.min.js、react-dom.min.js和babel.min.js这3个脚本即可直接使用。唯一需要注意的是，script的type属性需要写为text/babel。在浏览器中打开这个HTML文件即可展示Hello World文案。

说明：CDN（Content Delivery Network）是构建在网络之上的内容分发网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。

react.main.js是React的核心代码包；react-dom.min.js是与DOM相关的包，主要用于把虚拟DOM渲染的文档变为真实DOM，当然还有其他一些方法；babel.min.js是用来编译还不被浏览器支持的代码的编译工具，其中min表示这是被压缩过的JS库。

也可以将JavaScript代码写在外面，比如在根目录下新建main.js：

ReactDOM.render(

Hello World

document.getElementById("root")

);

然后在HTML文件内引入：

Redux React 机器学习

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。