reactjs简介及其环境搭建

责编:menVScode 2017-06-13 0:13 阅读(727)

        

        什么是react

        react是由Facebook开发的一个JavaScript库,而不是一个框架。当时Facebook需要解决一个问题,开发(或者说是构建)一个数据不断变化的大型应用。而数据变化会带来两个很严重的问题:大量的DOM操作,逻辑极其复杂。

        可是当时市面上并没有任意一个框架能都满足Facebook。因此,Facebook的团队决定自己研发一套框架或者说是库。就是现在的react。

        react的特点 

        1、简单:学习简单,代码简单;这里的简单纯粹的指reactjs语法简单,但涉及到react的全家桶还是蛮复杂的。

        2、声明式(编程):自动DOM操作 

        3、React的核心是组件,组件的设计目的是提升代码的复用率降低测试难度代码复杂度。 

                提高代码复用率:组件将数据与逻辑封装;

                降低测试难度:组件高内聚低耦合,很容易对单个组件进行测试;

                降低代码复杂度:使用JSX语法,更直观的在js文件中看HTML代码,提高可读性;

        react的发展过程 

        1、2013年5月,Facebook官方发布React

        2、2013年9月,React的热度开始上涨

        3、2015年3月,React Native发布

        4、2017年4月,React VR发布

        截至近日为止,react 的版本已经是15.5.4

        react官方文档:https://facebook.github.io/react/

        中文文档:http://react-cn.com/

        react的现状 

        目前国外使用React的公司:FaceBook,BBC等;

        目前国内使用React的公司:淘宝,天猫等。

        如果想查看更多的公司: https://github.com/facebook/react/wiki/Sites-Using-React

        react的开发环境的配置 

        这里暂且不涉及到利用构建工具webpack配合package包来编译解析。

        如果是要直接在HTML上编辑,需要下载react.js与react-dom.js。如果要使用JSX语法,则需要使用转换JSX语法的插件。这里使用brower.js。在线地址:https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js 。

         react.js:react的核心库,https://unpkg.com/react@15/dist/react.js。

         react-dom.js:提供操作DOM相关的功能, https://unpkg.com/react-dom@15/dist/react-dom.js。

         brower,js:将使用的JSX语法转换成JavaScript语法,https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js 。

         注意:三者引用顺序必须是react、react-dom、browser

    <!-- react:React的核心组件,第一个加载 -->
    <script src="js/react.min.js"></script>
    <!-- react-dom:ReactDOM对DOM节点的一些操作 -->
    <script src="js/react-dom.min.js"></script>
    <script src="js/browser.js"></script>
标签: reactjs react
前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码