JSFiddle #
开始学习 React 最简单的方式是使用如下JSFiddle的 Hello World例子:
初学者教程包 (Starter Kit) #
开始先下载初学者教程包。
在初学者教程包的根目录,创建一个包含以下内容的 helloworld.html。
在 JavaScript 代码里写着 XML 格式的代码称为 JSX;可以去 JSX 语法 里学习更多 JSX 相关的知识。为了把 JSX 转成标准的 JavaScript,我们用
离线转换 #
先安装命令行工具(依赖 npm):
npm install -g react-tools
然后将你的 src/helloworld.js 文件转成标准的 JavaScript:
一旦你修改了, build/helloworld.js 文件会自动生成。
React.render(
React.createElement('h1', null, 'Hello, world!'),
document.getElementById('example')
);
对照以下内容更新你的 HTML 代码
Hello React!
想要遵循 CommonJS 规范? #
如果你想在使用 React 时,遵循 browserify,webpack 或者或其它兼容CommonJS的模块系统,只要使用 react npm包 即可。而且,jsx 转换工具可以很轻松的地集成到大部分打包系统里(不仅仅是 CommonJS)。
下一步 #
接着学习更多 入门教程 和初学者教程包 examples 目录下的其它例子。
我们还有一个社区开发者共同建设的 Wiki:workflows, UI-components, routing, data management etc.
祝你好运,欢迎来到 React 的世界。