《React进阶实践指南》上线啦
![](https://filescdn.proginn.com/8de290e5ff6829822934cacbc314e3d9/6af9eca23eb17ed65dd3b89216d5bbf3.webp)
《React 进阶实践指南》
我不是外星人 著
约 16 小时 · 27 节
彻底弄懂 React 基础和高阶用法
告别周而复始的工作,完成进阶~
作者介绍
本小册作者目前就职于一线互联网大厂,5 年工作经验,4 年 React 开发经验,通读 React 源码,写过多篇《React 进阶》系列文章。开发过两个开源项目:
react-keepalive-router-缓存页面 ruxjs-状态管理工具
为什么写这本小册?
React 是当前非常流行的用于构建用户界面的 JavaScript 库,也是目前最受欢迎的 Web 界面开发工具之一。
这主要是得益于它精妙的设计思想,以及多年的更新迭代沉淀而来的经验。
首先,React 的出现让创建交互式 UI 变得轻而易举。 简单来说,只要将数据传入 React 的类和函数中,返回的就是 UI 界面。
![](https://filescdn.proginn.com/cf1d64a75f5fe3ac783e3a403e843de0/2d02ee0fe64997f28618d2719cb93b1a.webp)
其次,React 把组件化的思想发挥得淋漓尽致。 React中的每个组件像机器零件一样,它们的组合支撑着 React 应用的运转。
最后,React 还具有跨平台能力。 React 不仅支持 Node 进行服务器渲染,还可以用 React Native 进行原生移动应用的开发。同时,随着跨平台构建工具的兴起,比如 Taro,一套 React 代码也能适用于多个平台。
因此,越来越多的人想要学好 React,来增强自身的职业竞争力。
但是,随着使用 React 开发的项目数量的增多,总是这样周而复始地写着业务逻辑,我们难免会遇到技术瓶颈期,比如:
对于 React 技术栈,不知道该怎么去突破、进阶; React 运行的机制还是没理解透彻; 想知道怎么给 React 做性能优化、封装组件; ……
笔者就亲身经历过这样的迷茫期,后来通过系统化复习,先逐一突破 React 的各个模块,再把各个模块串联到一起,才慢慢体验到 React 魅力所在,越深入的学习,我就发现了越多精彩的内容。
因此,我在这个小册中,把自己的学习经验和心得总结了出来,从基础篇、优化篇、原理篇、生态篇和实践篇这五个方向,和大家详细探讨 React 的原理,并梳理出一份使用指南。
小册目录
基础篇:重新认识 React 中 state、props、ref、context 等模块,详解其基本使用和高阶玩法。 优化篇:讲解 React 性能调优和细节处理,让你写出更优雅的 React 代码。 原理篇:将针对 React 几个核心模块原理进行阐述,一次性搞定面试中遇到 React 原理问题。 生态篇:将重温 React 重点生态的用法,从原理角度分析内部运行的机制。 实践篇:串联前几个模块,进行强化实践。
![](https://filescdn.proginn.com/8f090988f2d425c0f07738d3524f318c/b82dd8eec63f11aeb54448a0436edad1.webp)
你会学到什么?
1 jsx 到 fiber 的转换流程,以及如何操纵 React element 元素。 2 React 核心基础模块的原理、使用以及进阶,比如 state、props、ref、context 等。 3 所有常用 React Hooks 的原理,以及合理使用、编写自定义 Hook 的方法。 4 如何在 React 应用中进行 CSS 模块化。 5 控制 React 渲染的方法,以及性能优化手段。 6 生态 React Router、React Redux、React Mobx 的详细解读。 7 React 应用中海量数据的处理方案。 8 React 封装组件实践,以及高阶组件的原理和使用方法。 9 React 面试常见问题及答案解析。
适宜人群
了解 React 基础用法,接触过 React 的技术同学。 想要系统学习 React,进阶技术栈,深入了解 React 原理的同学。 想要跳槽,攻克 React 面试知识点的同学。