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 小书
评论框实现,能够简单评论,展示。(demo能够提升对React组件化的理解)
主要组件,CommentApp, CommentList, CommentList, Comment
代码托管在码云