React 设计模式与最佳实践 PDF 文档

发布于 2024-02-10 20:30:10 字数 3189 浏览 9 评论 0

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

本书适合想要深入理解 React,希望提高相关编程技能的前端开发人员阅读。

本书将带你全面了解 React 中最有价值的设计模式,并展示如何在全新或已有的真实项目中应用设计模式与最佳实践。本书将帮助你让应用变得更加灵活、运行更流畅并且更容易维护——在不降低质量的情况下极大地提升工作流的速度。

我们将首先理解 React 的内部原理,接着逐步编写整洁且可维护的代码。我们将开发能够在整个应用中复用的组件,搭建应用架构,并创建真正可用的表单。

目录
第 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 组件间的通信
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 动画
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 小结

下载地址:https://www.wenjiangs.com/wp-content/uploads/2024/01/u4qzrQ0n3tkmUUIv.zip

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84959 人气
更多

推荐作者

花开柳相依

文章 0 评论 0

zyhello

文章 0 评论 0

故友

文章 0 评论 0

对风讲故事

文章 0 评论 0

Oo萌小芽oO

文章 0 评论 0

梦明

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文