React.js 不靠谱入门教程（1）

2015-07-15 本文已影响1561人水墨寒

就不浪费篇幅介绍什么是ReactJs了，你都打算学了，肯定有所了解了，当然以后会多关注这方面内容的，会整理和发布的，现在以学习为主。好了进入正题开始接触ReactJs，决定混迹在http://react-china.org/。我写这篇的时候苦于怎么开始学习，恰好赶上一篇《React学习经验总结》，就顺着这个思路学习吧。

启程

阮一峰老师react-demos先把这套教程撸了再说首先把代码clone下来：

$ git clone git@github.com:ruanyf/react-demos.git

或者关注我的github项目ReactJs-in-action这里面会有我所有ReactJs学习的所有代码

<!DOCTYPE html>
<html>
    <head>
        <title>demo1</title>
    </head>
    <body>
        <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')
            );
        </script>
    </body>
</html>

dome1比较简单直接上代码了

用了bower去管理代码所以和阮一峰老师的链接不一样
在文件中引入react.js JSXTransformer.js
在页面中写js 注意 <script type="text/jsx">,关于JSX，如果你是学者型多读读文档，如果你是实战派就暂时记住这样的写法
用了React.render方法大概解释下第一参数是虚拟的DOM是用React虚拟出的DOM，reder方法将虚拟DOM渲染到真实的dome中

第一篇暂时写这么多，主要是预热下。

其他参考

React 初探

React.js 不靠谱入门教程（1）

启程

其他参考

猜你喜欢

热点阅读