jsxtransformer 下载.js 和browser.js有什么关系

来源：蜘蛛抓取(WebSpider) 时间：2015-12-26 09:15 标签： browser.min.js
&&&& &&&&&&
&& &&&&&&&&&&&&&&
版权所有 鲁ICP备号-4
打开技术之扣，分享程序人生！React.js 不靠谱入门教程（1） - 简书
下载简书移动应用
写了12908字，被32人关注，获得了48个喜欢
React.js 不靠谱入门教程（1）
就不浪费篇幅介绍什么是ReactJs了，你都打算学了，肯定有所了解了，当然以后会多关注这方面内容的，会整理和发布的，现在以学习为主。好了进入正题开始接触ReactJs，决定混迹在
阮一峰老师先把这套教程撸了再说首先把代码clone下来：
$ git clone :ruanyf/react-demos.git
或者关注我的项目这里面会有我所有ReactJs学习的所有代码
&!DOCTYPE html&
&title&demo1&/title&
&div id="example"&&/div&
&script src="../../bower_components/react/react.js"&&/script&
&script src="../../bower_components/react/JSXTransformer.js"&&/script&
&script type="text/jsx"&
React.render(
&h1&Hello, world!&/h1&,
document.getElementById('example')
dome1比较简单直接上了
用了bower去管理代码所以和阮一峰老师的链接不一样
在文件中引入react.js JSXTransformer.js
在页面中写js 注意 &script type="text/jsx"&,，如果你是学者型多读读文档，如果你是实战派就暂时记住这样的写法
用了React.render方法大概解释下第一参数是虚拟的DOM是用React虚拟出的DOM，reder方法将虚拟DOM渲染到真实的dome中
第一篇暂时写这么多，主要是预热下。
文章对你有那么点帮助，点赞或者打赏给我早晨煎饼加个蛋。
打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮
被以下专题收入，发现更多相似内容：
简书程序员大本营
投稿须知：
1.本专题仅收录与程序有关的文章。
2.请在代码框里写代码，尽量保证可看性。
· 44841人关注
干货技术文。
· 1491人关注
主要是JavaScript框架
· 3人关注
文章对你有那么点帮助，点赞或者打赏给我早晨煎饼加个蛋。
选择支付方式：快速开始 | React
开始学习 React 最简单的方式是使用如下JSFiddle的 Hello World例子：
初学者教程包 (Starter Kit)
开始先下载初学者教程包。
在初学者教程包的根目录，创建一个包含以下内容的 helloworld.html。
&!DOCTYPE html&
&script src=&build/react.js&&&/script&
&script src=&build/JSXTransformer.js&&&/script&
&div id=&example&&&/div&
&script type=&text/jsx&&
React.render(
&h1&Hello, world!&/h1&,
document.getElementById('example')
在 JavaScript 代码里写着 XML 格式的代码称为 JSX；可以去
里学习更多 JSX 相关的知识。为了把 JSX 转成标准的 JavaScript，我们用 &script type=&text/jsx&& 标签包裹着含有 JSX 的代码，然后引入 JSXTransformer.js 库来实现在浏览器里的代码转换。
你的 React JSX 代码文件可以写在单独的文件里。创建 src/helloworld.js 文件，内容如下：
React.render(
&h1&Hello, world!&/h1&,
document.getElementById('example')
然后在 helloworld.html 引用它：
&script type=&text/jsx& src=&src/helloworld.js&&&/script&
请注意，某些浏览器（如，Chrome浏览器）将无法加载该文件，除非它通过HTTP服务。
先安装命令行工具（依赖 ）：
npm install -g react-tools
然后将你的 src/helloworld.js 文件转成标准的 JavaScript:
jsx --watch src/ build/
一旦你修改了， build/helloworld.js 文件会自动生成。
React.render(
React.createElement('h1', null, 'Hello, world!'),
document.getElementById('example')
对照以下内容更新你的 HTML 代码
&!DOCTYPE html&
&title&Hello React!&/title&
&script src=&build/react.js&&&/script&
&!-- 不需要JSXTransformer! --&
&div id=&example&&&/div&
&script src=&build/helloworld.js&&&/script&
想要遵循 CommonJS 规范?
如果你想在使用 React 时，遵循 ， 或者或其它兼容CommonJS的模块系统，只要使用
即可。而且，jsx 转换工具可以很轻松的地集成到大部分打包系统里（不仅仅是 CommonJS）。
接着学习更多
和初学者教程包 examples 目录下的其它例子。
我们还有一个社区开发者共同建设的 Wiki：
祝你好运，欢迎来到 React 的世界。
A Facebook & Instagram collaboration.
Facebook Inc.
Documentation licensed under .jsx最新版本已经去掉了JSXTransformer.js 请问到底应该怎么使用jsx完成项目
jsx最新版本已经去掉了JSXTransformer.js 请问到底应该怎么使用jsx完成项目
写下你的评论...
写下你的评论...
Copyright (C)
All Rights Reserved | 京ICP备 号-2

我要回帖

更多关于 browser.min.js 的文章

 

随机推荐