博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React 学习一 运行
阅读量:4317 次
发布时间:2019-06-06

本文共 933 字,大约阅读时间需要 3 分钟。

最近项目准备使用React作为前端,主要第一比较火,第二比较小。抽空先来学习一下。

首先下载:压缩后不到50KB,是挺小的哦。

其中:react.js 是 React 的核心库,react-dom.js 是提供与 DOM 相关的功能,react-dom-server.js是服务端渲染dom的功能,react-with-addons是一些插件功能。

好,姑且不管server 和addons,用react和react-dom开始一个尝试一下,使用官方实例:

      
Hello React!

运行成功不错:

再看看源代码:<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>,React下载包里没有它, 这是啥?

browser.js是babel的浏览器版本,babel又是什么?

是一个javascript编译工具,要编译工具干什么?

再看源代码<h1>Hello, world!</h1>,这是React的jxs语法,js不认识它,所以要借助babel把它翻译成为js识别的代码。

在看<script type="text/babel"> 这里指名使用babel,所以要引用browser.js,不然程序无法执行。

好,不想用它怎么办?

那就使用原生的js或者编译过的js: 

    
react demo

去掉browser.js, 修改 <script type="text/javascript">。

补充一点:React之前使用 JSXTransformer 来翻译jsx,其类型为<script type="text/jsx">,从v0.14开始使用babel。babel 不仅可以翻译jsx,也可以编译ES,可能babel使用会给react带来更好的发展,让我们拭目以待。

转载于:https://www.cnblogs.com/jimson/p/React1.html

你可能感兴趣的文章
Google的小秘密
查看>>
(转)什么是JSON+如何处理JSON字符串
查看>>
(译)理解python线程
查看>>
【总结】动态树
查看>>
【vuejs深入二】vue源码解析之一,基础源码结构和htmlParse解析器
查看>>
编程中的24条经典语录
查看>>
Android ADT中增大AVD内存后无法启动:emulator failed to allocate memory 8 (转)
查看>>
chrome 低版本的background-attachment: fixed问题
查看>>
C++编程思想1
查看>>
如何避免 await/async 地狱
查看>>
POJ 2488 A Knight's Journey-dfs
查看>>
MyBatis 插入时返回刚插入记录的主键值
查看>>
Python基本语法
查看>>
图像处理------颜色梯度变化 (Color Gradient) 分类: ...
查看>>
Hadoop_我理解的Map-Reduce
查看>>
HDU1242 Rescue(BFS+优先队列)
查看>>
mysql入门-数据类型(一)
查看>>
FTP服务的搭建
查看>>
Net开源HelloData之:系统配置
查看>>
当时学习《鸟哥的Linux私房菜-基础学习篇》记录的点
查看>>