前言:
其实我们在项目里面用 React 已经很久了,这次赶在社区的读书活动再全面了解一下 React 的相关的东西,收获很多,感谢社区举办的活动有这么好的书。
正文:
其实,React 到底是什么?
- Facebook 内部的一个 js 类库
- 13年开源
- 用于创建 Web 用户交互界面
- 来自 PHP 框架 XHP(每次有请求进来时渲染整个页面) 的一个分支
那 React 到底能做什么?
- 本质上是一个状态机,管理复杂的随着时间变化的状态
- 只关心 更新 DOM、响应事件
- 不处理 Ajax、路由、数据存储,不规定数据组织的方式
React 有什么不一样的特点?
- 对 DOM 只更新不读取
- 高效的算法来计算虚拟页面当前版本和新版的差异
- 最小化重绘,避免不必要的DOM操作
- 在整个应用中只使用单个事件处理器,并且把所有的事件委托到这个处理器上
试读章节里面主要集中在 【第三章的《组件的生命周期》】,这章其实还是很重要的:
- 作为新手,你必须熟悉在什么事件里面可以加入一些方法来控制一些东西
实例化:
每一个新组件被创建、首次渲染
- getDefaultProps
组件类,这个方法只会被调用一次。返回的对象为实例设置的默认 props 值。
- getInitialState
组件的每一个实例,被调用有且只有一次。在这里可以初始化每一个实例的 state。
与 getDefaultProps 区别:
- 每次实例创建时该方法都会被调用一次
- 可以访问 this.props
- componentWillMount
完成首次渲染之前被调用,render 之前。
- render
你会创建一个虚拟 DOM,返回的不是真正的 DOM。必需定义:
- 只能通过 this.props 和 this.state 方法数据
-
可以返回 null、 false 或者 React 组件
-
只能出现一个顶级组件(不能返回一组元素):就是只能return 一个父元素包裹
-
不能改变组件的状态
- componentDidMount
render 成功调用且真实 DOM 已经渲染后,this.getDOMNode() 方法访问
【第 10 章的《动画》】其实自己在项目里面很少用,所以可能关注不是很多。
下面还是重点说一下 【14 章的 《开发工具》】,这部分其实对于任何新手,接触一个新的类库或者语音,都是必须要去关注的,因为有了好的开发工具,这样才能利于你快速找到问题,解决问题。
- 构建工具
- Browserify ----- js 打包工具,支持在浏览器端使用 Node.js 风格的 require 方法,只支持js
- Webpack ----- 功能更强大:
- 将CSS 图片已经其他资源打包到同一个包
- 打包之前预处理(less,coffee,jsx等)
- 入口文件的不同把你的包拆分
- 支持开发环境的特性标志位
- 支持模块代码热替换
- 支持异步加载
全面地讲:它就是 Browserify + gulp | grunt ,默认情况下:启用了一个 CommonJS 解释器插件。
很多使用过 React 的人也开始渐渐地用 Webpack 来作为它的 主力打包工具了。
- 调试工具
Chrome 浏览器扩展里面安装 《React Developer Tool》,可以用它来非常方便地调试。
相关推荐
《REACT:引领未来的用户界面开发框架》,有完美书签。
资源名称:React:引领未来的用户界面开发框架内容简介:2014 年横空出世的由Facebook 推出的开源框架React.js,基于Virtual DOM 重新定义了用户界面的开发方式,彻底革新了大家对前端框架的认识,将PHP 风格的开发...
之前网上下的,没有标签,于是我自己重新整理了一下目录书签
《React(第2版):引领未来的用户界面开发框架》由多位一线专家精心撰写,采用全程实例介绍和剖析了React.js的方方面面,适合广大前端开发者、设计人员,以及所有对未来技术趋势感兴趣者阅读。《React(第2版):...
REACT:引领未来的用户界面开发框架.pdf
Facebook 的开源框架 React.js,基于 Virtual DOM 重新定义了用户界面的开发方式,彻底革新了大家对前端框架的认识,将PHP风格的开发方式迁移到客户端应用开发。其优势在于可以与各种类库、框架搭配使用。本书由多位...
在阅读样章的过程中,我们应当专注于React框架的核心概念和开发思想,理解其在现代Web开发中的重要地位,以及为何它能够成为引领未来用户界面开发的框架。通过这样的理解,开发者可以更好地掌握React,发挥其在实际...
作为引领未来的用户界面开发框架,React以其高效、灵活和组件化的特性深受开发者喜爱。本指南将深入探讨React的核心概念、工作原理以及如何利用它来创建高性能的应用程序。 一、React的基本概念 1. 组件化:React的...
React(第2版)引领未来的用户界面开发框架,不仅在于其强大的功能和优秀的性能,还在于其活跃的社区和丰富的生态系统,持续推动Web开发的创新和发展。无论是初学者还是经验丰富的开发者,都能在React的世界里找到适合...
无论传统网站还是移动开发,尤其跨终端Web,一步跟不上React,就会被远远抛开 以BAT为首的一线国内互联网企业均以快速跟进研发、实践React,下一次求职你就一定会被面到 React极有可能让撕B不止的前端社区迎来和平和...
**React:引领未来的用户界面开发框架** React,由Facebook开发并开源,是一种用于构建用户界面的JavaScript库,尤其擅长构建单页应用(SPA)。它的核心理念是组件化,通过组合可复用的UI部件来构建复杂的用户界面...
《React引领未来的用户界面开发框架》是一本深入探讨React技术栈的自编教材,涵盖了React的基础概念、核心特性以及在实际开发中的应用。React作为现代前端开发的重要框架,以其高效、灵活和组件化的特性,引领了用户...
React框架,也常被称为React.js或简称为React,是一个由Facebook开发并维护的开源JavaScript库,主要用于构建用户界面。React自2013年首次发布以来,迅速成为前端开发领域的核心工具之一,其流行度持续攀升,并在多...
React是由Facebook开发并开源的JavaScript库,主要用于构建用户界面,特别是单页应用程序。自2013年以来,React因其高效、灵活和可扩展性而受到广大开发者喜爱。它改变了前端开发的方式,引领了组件化开发的新潮流。...