React设计模式与最佳实践

React设计模式与最佳实践

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

Facebook前端工程师15年一线开发经验,等你来探索。

内容简介

本书分为12章,通过介绍React中最具价值的设计模式,展示如何将设计模式和最佳实践应用于现实的新项目和已有项目中。主要内容包括帮助读者理解React的基本概念,学习编写整洁、可维护的代码;优化React组件,使应用拥有更快的速度和响应性;介绍如何有效地编写测试,如何避免反模式,以及开源组件并对React生态系统进行贡献。

作者简介

作者贝尔托利是Facebook前端工程师,曾任职于YPlan和BIZZBY等公司,拥有超过15年的实践经验。他喜欢整洁且经过充分测试的代码,目前致力于使用React.js来开发现代JavaScript应用。

章节目录

版权信息

致谢

前言

本书内容

阅读须知

目标读者

排版约定

读者反馈

客户支持

下载示例代码

勘误

侵权行为

问题

电子书

第1章 React基础

1.1 声明式编程

1.2 React元素

1.3 忘掉所学的一切

1.4 常见误解

1.5 小结

第2章 整理代码

2.1 JSX

2.1.1 Babel

2.1.2 Hello,World!

2.1.3 DOM元素与React组件

2.1.4 属性

2.1.5 子元素

2.1.6 JSX与HTML的区别

2.1.7 展开属性

2.1.8 JavaScript模板

2.1.9 常见模式

2.2 ESLint

2.2.1 安装

2.2.2 配置

2.2.3 React插件

2.2.4 Airbnb的配置

2.3 函数式编程基础

2.3.1 一等对象

2.3.2 纯粹性

2.3.3 不可变性

2.3.4 柯里化

2.3.5 组合

2.3.6 函数式编程与UI

2.4 小结

第3章 开发真正可复用的组件

3.1 创建类

3.1.1 createClass工厂方法

3.1.2 继承React.Component

3.1.3 主要区别

3.1.4 无状态函数式组件

3.2 状态

3.2.1 外部库

3.2.2 工作原理

3.2.3 异步

3.2.4 React lumberjack

3.2.5 使用状态

3.3 prop类型

React Docgen

3.4 可复用组件

3.5 可用的风格指南

3.6 小结

第4章 组合一切

4.1 组件间的通信

children

4.2 容器组件与表现组件模式

4.3 mixin

4.4 高阶组件

4.5 recompose

context

4.6 函数子组件

4.7 小结

第5章 恰当地获取数据

5.1 数据流

5.1.1 子组件与父组件的通信(回调函数)

5.1.2 公有父组件

5.2 数据获取

5.3 react-refetch

5.4 小结

第6章 为浏览器编写代码

6.1 表单

6.1.1 自由组件

6.1.2 受控组件

6.1.3 JSON schema

6.2 事件

6.3 ref

6.4 动画

react-motion

6.5 可扩展矢量图形

6.6 小结

第7章 美化组件

7.1 CSS in JavaScript

7.2 行内样式

7.3 Radium

7.4 CSS模块

7.4.1 Webpack

7.4.2 搭建项目

7.4.3 局部作用域的CSS

7.4.4 原子级CSS模块

7.4.5 React CSS模块

7.5 Styled Component

7.6 小结

第8章 服务端渲染的乐趣与益处

8.1 通用应用

8.2 使用服务端渲染的原因

8.2.1 SEO

8.2.2 通用代码库

8.2.3 性能更强

8.2.4 不要低估复杂度

8.3 基础示例

8.4 数据获取示例

8.5 Next.js

8.6 小结

第9章 提升应用性能

9.1 一致性比较与key属性

9.2 优化手段

9.2.1 是否要更新组件

9.2.2 无状态函数式组件

9.3 常用解决方案

9.3.1 why-did-you-update

9.3.2 在渲染方法中创建函数

9.3.3 props常量

9.3.4 重构与良好设计

9.4 工具与库

9.4.1 不可变性

9.4.2 性能监控工具

9.4.3 Babel插件

9.5 小结

第10章 测试与调试

10.1 测试的好处

10.2 用Jest轻松测试JavaScript

10.3 灵活的测试框架Mocha

10.4 React JavaScript测试工具

10.5 真实测试示例

10.6 React组件树快照测试

10.7 代码覆盖率工具

10.8 常用测试方案

10.8.1 测试高阶组件

10.8.2 页面对象模式

10.9 React开发者工具

10.10 React错误处理

10.11 小结

第11章 需要避免的反模式

11.1 用prop初始化状态

11.2 修改状态

11.3 将数组索引作为key

11.4 在DOM元素上展开props对象

11.5 小结

第12章 未来的行动

12.1 为React做贡献

12.2 分发代码

12.3 发布npm包

12.4 小结

看完了

React设计模式与最佳实践是2018年由人民邮电出版社·图灵出品出版,作者[意] 米凯莱·贝尔托利。

得书感谢您对《React设计模式与最佳实践》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
深入浅出React Native 电子书
本书主要介绍了ReactNative在iOS/Android下的实际运行机制,从启动原理、基础组件解析、扩展原生能力以及到常见场景方案的优化和探索。其中不仅包含JavaScript,也会从iOS/Android的角度去解释实现的机制及原理,以便读者更好的理解移动端开发和选择适用自身场景的方案。
软件设计模式(Java版) 电子书
本书从面向对象程序设计的7个基本原则出发,用浅显易懂、可视化的UML建模语言逐一介绍GoF的23种经典设计模式。全书共9章,内容包括设计模式基础、创建型设计模式(共5种)、结构型设计模式(共7种)、行为型设计模式(共11种)、设计模式实验指导。每章包括教学目标、重点内容、模式的定义与特点、模式的结构与实现、模式的应用场景与应用实例、模式的扩展、章节小结和单元习题等8方面的内容。
DAX设计模式(第2版) 电子书
为Power BI、SQL Server Analysis Services和Power Pivot提供全面的DAX现成解决方案集合。
数字产品设计理论与实践 电子书
随着数字技术的发展,人们对数字产品的需求不断升级,数字产品设计需要考量的因素也更复杂,因此数字产品设计人员面临着更大的挑战。为拓宽数字产品设计相关专业学生的视野,使其更好地应对数字化社会的迅速变革,本书讲解了数字产品的相关理论知识及设计方法。本书共六章。*一章讲解了数字产品设计应该掌握的基础知识,如数字技术的发展、数字产品设计的由来、用户体验及情感化设计相关理论等内容;第二章讲解了数字产品及其设计
C#程序设计基础与实践 电子书
本书以C#语言为载体,系统地讲解了算法的概念、程序设计的基本思想,以及常用的程序设计方法。本书的主要内容包括:程序设计基础知识与C#程序设计的一般方法;算法的概念及应用;数据类型的概念及C#中的常用数据类型;类和对象的概念及应用;用户界面设计的一般方法和技能;I/O流与数据文件的概念及应用。