React学习

原创 2018年04月16日 23:23:47
react 是一个使用mvc模式的JS framework 他主要的东西是其中的v层;

react要想使用在电脑上 (参考-阮一峰的react入门教程)
    1.react.js  ( 这是react的核心库 Core libaries )
    2.react-dom    ( react操作dom元素 )
    3.browser.js     ( 将jsx转换为浏览器可以识别的 Js语法)   这三个包都要下载哦!;
这个是react的组件形式;使用的是React.createClass({ }) ( 但是现在几乎都是使用的es6的创建类组件的形式 )


在body中加入根div

<body>
  <div id="express">
      
  </div>
</body>
<script type="text/babel">
     function FirstReact(){
        return <div>
          <p>show first React</p>
       </div>
    }
      ReactDOM.render(
          <FirstReact />, //组件的这里要大写开头,这里有个斜杠!还有这里是逗号,因为他们都是这个render的参数;
           document.getElementById('express')
      )

</script>
组件就是用于绘制界面的函数.. 把绘制界面的逻辑全部放在函数中;

React fundamental 和 React Router

-
  • 1970年01月01日 08:00

React学习线路

原文链接:http://geek.csdn.net/news/detail/88222 以下所谈及的,就是为你定制的 React 学习路线。 为了能稳固基础,我们一定要逐步地来进行学习。 倘若你...
  • lynnlovemin
  • lynnlovemin
  • 2016-07-13 10:03:06
  • 1609

react-native学习路线总结

本人新手web前端程序员一枚,应公司要求学习react-native框架,作为博客萌新来讲讲我这一个月学习历程,新人和前端的朋友们可以一看,其他都可看,反正不用你掏钱啊。 首先当然还是介绍一下rea...
  • u014168594
  • u014168594
  • 2016-09-21 17:23:23
  • 8196

react学习心得(1)

ReactDOM.render()  实例化根组件,启动框架,注入标记到原始的DOM元素中 getInitialState() 在生命周期里只执行一次,并设置组件的初始状态 componentDi...
  • qq_26943485
  • qq_26943485
  • 2017-02-07 14:25:27
  • 355

React学习之进阶非ES6(十六)

平时我们写React组件的时候一般就是直接用类组件class Greeting extends React.Component { render() { return Hello, {th...
  • qq_18661257
  • qq_18661257
  • 2017-03-20 10:49:41
  • 484

react个人所需网站整理

1、react中文网 2、ECMAScript 6 入门-阮一峰 3、从零学习 React 技术栈系列教程 4、react在线编辑器-codepen 5、react在线编辑器-codepan ...
  • qq_30100043
  • qq_30100043
  • 2017-08-28 09:20:39
  • 615

React学习之道

  • 2018年02月08日 11:15
  • 1.15MB
  • 下载

React入门手册

  • 2017年09月24日 11:31
  • 1.09MB
  • 下载

[深入剖析React Native总贴]React Native学习路线

React Native学习路线官网React Native教程React Native react.js react 教程2 ES6 Flex box Redux CSS JavaScr...
  • dongdong230
  • dongdong230
  • 2016-09-07 14:09:01
  • 2452
收藏助手
不良信息举报
您举报文章:React学习
举报原因:
原因补充:

(最多只允许输入30个字)