React,初见

React初次见面,多多关照

React的诞生已经很久了,不过由于对技术的敏感度较低,一直没有亲自去接触它,趁着现在有时间,去认识一下


简介

MVC的项目架构方式已经非常常见,Model, View, Controller,这三个层面中React着重于处理View视图层,React可以用一种“少见”的方式来构建你的UI,这种“少见”体现在:

  • React将界面从“上帝视角”进行解析,将界面分解为多个“独立”的模块,每一个模块称之为“组件”,将这些组件进行组装(组合,嵌套包含等)就够成了显示页面
  • View层用于显示“数据”,而通过React进行构建的页面,多个组件则会有过多的显示流程,数据一旦改变,多个组件的显示形态也会变化,聪明的React则建立了非常优良的数据和页面显示状态交互机制
  • React其本质是一个库,并不能算是一个框架,React专注在View层,焦点在UI构建。在整个架构中仍然需要其他的库来充当体系中不同的角色,随之也就诞生了非常优秀的作品:Redux,React-router等

个人理解

组件化思想是React最伟大的地方,一切皆组件

Any part of Page can be recognize as component

这种组件化的思想,可以很好的解决前端结构复用性问题,同时React对于数据”处理态度“体现在 state, props

state是让组件能够控制自己的状态
props是让外部对自己的组件进行配置定义

一点建议

在接触React前,务必具有前端的知识体系,对于Javascript, ES6了解是不够的,要会使用,这样才能”游刃有余”


Start From React.js 小书

React Demo
React,初见

评论框实现,能够简单评论,展示。(demo能够提升对React组件化的理解)
主要组件,CommentApp, CommentList, CommentList, Comment
代码托管在码云