react学习之路-邂逅react(二)

最近学习react真的发现它是一个很了不起的框架,它是大量优秀程序员的思想结晶，很多流行的框架思路灵感都来自react，说它是前端框架的领航者一点也不夸张~~~
前言
对于刚接触react的童鞋强烈建议不要用脚手架,这样有很多很细微的知识会被我们忽略掉，我们可以采用引入依赖文件的方式,先一步步去熟悉它

下面简单介绍一下react文件引入的三种方式
1.直接cdn引入
2.下载到本地，再引入
3.脚手架npm安装

react依赖的三个文件
react,reactDOM,babel

react基础概念:

  首先我们得知道react是声明式编程，声明式编程的特点放在react里可以
 这么理解,用一些react内部封装的方法比如几个函数或状态可以轻松实现一
 个效果,底层怎么封装怎么调用不用去关心，而底层的一步步实现的过程就可
 以理解成命令式编程。
 
 源码中的react react本质是一个对象

源码中的reactDOM
reactDOM.render方法

为什么要用babel？ 因为react中大量运用es6的语法,而很多浏览器对es6的
支持程度不一样,用babel能把es6转码成es5，这样代码运行到各个浏览器我们
就不用担心无法识别解析代码的问题了~~

比较react跟传统编程的区别

    
    
hello world
    clickMe
    
    
    
    

几点说明：
1.必须引入依赖文件
2.react类组件继承自React的Component 要用到react组件的属性和方法 那么属性构造器constructor内部必须调用super()
3.react的数据都统一保存在state里面 内部调用时 this.state.变量名
4.关于事件绑定 本例中 react内部默认 this.clickFn.apply(undefined,...) 如果不用bind绑定this就会报undefined
5.react改变某个变量的值必须通过setState({})方法
6.DOM的渲染:ReactDOM.render()方法
第一个参数为渲染的组件，第二个为节点
7.render函数只能有一个根节点,否则报错

今天的分享结束啦,欢迎大家留言~~~