美文网首页前端进阶之路程序员技术文
React.js 不靠谱入门教程(1)

React.js 不靠谱入门教程(1)

作者: 水墨寒 | 来源:发表于2015-07-15 21:23 被阅读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比较简单直接上代码


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

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

    其他参考

    1. React 初探

    相关文章

      网友评论

      本文标题:React.js 不靠谱入门教程(1)

      本文链接:https://www.haomeiwen.com/subject/lizuqttx.html