React.js入门杂记

入门前

• 了解react是什么：react是负责将前端html组件化的一个javascript库，即我们看到的前端页面上的东西，都可以用react.js写的一个个组件组成，组件是react的核心。比如页面上的一个按钮也可以是一个组件。
• 需要什么环境：webpack打包工具，他可以将react的每一个文件当作模块来进行打包。我最近也才入门了webpack，以后熟了再写一篇博客吧！还有就是需要安装node环境，安装转译工具babel，因为react用到了一种语法叫JSX，他其实就是javascript的语法扩展，你可以把他理解成javascript的对象结构，他长得像html，但不是html。
• 安装环境
  很繁杂，网上也有很多教程，等我入门好了在写一篇博客吧
• 必备知识
  javascript、es6语法

入门中

很多下载安装的东西我现在还没理清，等缓几天在来总结。

• webpack打包工具
  模块打包机，分析项目结构，找到js模块以及其他一些浏览器不能直接运行的扩展语言，并将其转换和打包为合适的格式供浏览器使用。
• react组件
  我们可以使用es6中的class来创建组件，一个组件必须引入React和React.js的组件父类Component，ReactDOM.render()可以帮我们把阵营组件渲染到页面上，他从react-dom中引入。
• render()方法
  里面放JSX语句，渲染到html的东西在里面进行。
  组件组合，组件嵌套，组件树。

• 事件监听
  react是通过on*的一系列属性来实现事件监听的，如onClick，但是没有经过处理的话，这些事件只能用在普通的html标签上，不能用到组件标签上。

  • event对象
    React自己封装的对象
  • 事件中的this
    react调用方法时，并不是通过对象方法的方式调用，而是直接通过函数调用的，所以事件监听函数内并不能通过this获取到实例，必须手动bind()到当前实例中。

• 组件的state和setState
  state:存储组件可变换的状态；
  setState：更新state的状态，并重新调用renderI()方法。

总结

入门好烦，继续努力。