React初学者教程(说明文档)--中文翻译
译者序言:笔者作为一个React爱好者(四级未过),精心审译,难免有错,望海纳! React初学者教程【react-0.13.0】 下载 文章摘要:本文只是对于初学者关于React的简单讲解,如需更深学习,请获取更过资源学习! 译文React简介 react是一个用于构建用户界面的JavaScript库
例子 #Js Code var HelloMessage = React.createClass({
render: function() {
return <div>Hello {this.props.name}</div>;
}
});
React.render(
<HelloMessage name="John" />,document.getElementById('container')
);
这个例子将在页面的div容器中渲染出“Hello John”,你可以发现我们在使用一种类似HTML的语法,我们称作 JSX,不需要为了React使用JSX,而是JSX使得代码变得易读,书写起来像在写HTML一样。 安装 #HTML Code <!--React的核心库-->
<script src="http://fb.me/react-0.13.0.js"></script>
<!--在编译JSX的时候,浏览器把JSX翻译成对应的DOM-->
<script src="http://fb.me/JSXTransformer-0.13.0.js"></script>
我们这里有一个新手教程.zip,如果你是第一次使用React,或许对你是有帮助的。里面包含了我们用代码写的简单实例,可以在网页中呈现。 如果你喜欢用bower,那就变得很简单 bower install --save react
贡献 创建一个关于React的副本 学习先决条件
搭建 //grunt-cli 需要使用 grunt,你可能已经安装了这个
npm install -g grunt-cli
npm install
grunt build
在这搭建的时候,你现在应该新建一个文件夹,用来承载React项目,这都是应该做的工作。 Grunt /*用PhantomJS创建并运行测试程序*/
grunt test
/*在你的浏览器上创建运行*/
grunt test --debug
/*你可以运行一个程序的时候加上'--filter'获得更快的速度。*/
grunt fasttest --filter=ReactIdentity
/*用ESLint保证高质量代码*/
grunt lint
/*销毁创建的目录*/
grunt clean
许可 更多 在这里只能学到这么多,想阅读更多关于社区以及指南信息可以递交申请,谢谢! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |