React.js 快速开始 - React.JS 教程

1,291 阅读1分钟
原文链接: www.phperz.com

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 时,遵循 browserifywebpack 或者或其它兼容CommonJS的模块系统,只要使用 react npm包 即可。而且,jsx 转换工具可以很轻松的地集成到大部分打包系统里(不仅仅是 CommonJS)。

下一步 #

接着学习更多 入门教程 和初学者教程包 examples 目录下的其它例子。

我们还有一个社区开发者共同建设的 Wiki:workflows, UI-components, routing, data management etc.

祝你好运,欢迎来到 React 的世界。