React入门指南

原文地址：React入门指南

React入门指南

JSFiddle

实验React最便捷的途径就是开始摆弄下面这个小例子:Hello World。

入门示例

下载示例开始体验：Download Starter Kit 0.13.3
在示例项目的根目录中，创建helloworld.html文件，并输入以下内容:

           React.render(        

Hello, world!

,        document.getElementById('example')       );       

JavaScript脚本中嵌入的类xml代码我们称作JSX；通过 JSX语法 文档来深入了解它吧。要在浏览器中把JSX代码转化为清香的Javascript，我们需要使用

对JSX脱机转码

首先安装命令行工具(依赖npm)：

npm install -g react-tools

之后就可以把helloworld.js翻译为纯javascript了。

jsx --watch src/ build/

修改JSX的同时，会被自动翻译为javascript。

React.render(
  React.createElement('h1', null, 'Hello, world!'),
  document.getElementById('example')
);

更新我们的HTML文件，不再需要JSXTransformer.js。

       

喜欢CommonJS？

如果你想结合browserify，webpack或者其他包管理工具来使用React，那就使用react npm包吧。此外，可以十分方便地把jsx构建工具整合到很多包管理系统中(不仅仅是CommonJS)。

下一步

通过新手工具包examples目录下的教程和例子来深入了解react。我们还建立了wiki，这里有来自社区贡献的各种工作流、界面组件、路由和数据管理实践等等。react欢迎你，并祝你好运。