React17+Hook+TS4 优质实践，仿 Jira 企业级项目
¥368.00
介绍了整个课程的背景知识、能解决什么问题、学完后你将得到什么 ，以及学习方法与学习前提。
本章我们将会用Create-React-App初始化项目。并配置 eslint 检验代码质量，prettier 检验代码格式，commitlint 检验提交信息，使得工程规范化。最后会配置一个优秀的后端 Mock 方案，JSON SERVER 第三、四章使用 Mock，从第五章开始连接真实服务器。...
本章专注于 React, 首先我们会使用 React 的基础知识：组件、JSX、 列表渲染实现I程列表页面，让大家可以回顾 React 基础知识的使用。然后学习用状态提升共享组件状态。 最后学习用自定义 Hook 抽象代码，并实现第一个自定义 Hook-useDebounce。...
本章专注于TS,首先我们会回顾第三章中的 JSX 代码，发现由于 JS 天然弱类型带来的脆弱性。然后用 TSX 改造第三章的 JSX 代码，增强类型约束，在真实场景中体会 TS 的优越性。然后实践 TS 的进阶知识泛型，最后通过一一个作业练习加强大家对 Hook、TS 和泛型的理解。...
本章会安装使用本课程专属开发者工具，连接服务器。还会使用 JWT 实现用户登录注册功能，并会抽象出一个通用异步请求 Hook，学会使用 Context 保存全局用户信息状态。在实现功能的过程中将会应用 TS 的更多高级类型知识。
CSS 是很多同学头疼的技术，本章将会分析传统 CSS 难以掌握的原因，以及为什么 CSS- in-JS 可以帮助大家更有效地掌握 CSS，并会安装使用 antd 组件库， 用 Grid 和 Flexbox 布局页面，最后优化页面其他样式。
加载中和错误状态处理是对用户体验非常重要一 环，本章我们将处理登录注册和项目列表页面，并抽象出一个通用的处理异步操作的 Hook-useAsync。 最后将学习使用 React 的高级特性 - Error Boundaries 来捕捉渲染错误。|
在本章首先会实现管理文档标题的 hook - useDocumentTitle，在实现它的过程中将学习 Hook 的高阶知识-闭包与 Hook，并学习 useRef 的使用情境与方法。 然后会讲解 React Router6 的使用，以及如何实现 useUrlQueryParam 来对 URL 进行状态管理。在实现 useUrlQueryParam 的过程中，将引出如何避免 Hook...
在本章首先会封装一个 id 选择器，然后使用 id 选择器封装一个用户选择器。然后会实现 useEditProject 来编辑并刷新项目。在这个过程中我们将会学习包括 useState 懒初始化、保存函数状态等知识。
本章我们将一起深入研究React中的状态管理，包括状态提升、composition component.useReducer 应用、redux 设计理念、react-redux 等机制，并将涉及到HoC、Render Props 等知识点应用。
将从服务器获取的数据存储在全局状态，是一个很经典的模式。在这一章中，我们将学习处理这一经典模式的新思路 — 缓存处理。
本章结合前面的综合知识开发看板页面，包含看板列表、任务列表增删改查、拖拽等功能，加强前面所学知识的运用。及研发任务页面，包含任务组列表任务列表任务组删除等功能。
在本章我们将学习如何从 React 的角度对 App 进行性能优化，更重要的是，还会学习使用React.Profiler API 来对 App 的性能进行追踪。
本章从单元测试、集成测试以及 e2e 测试三个方面，综合讲解自动化测试的重要性，以及如何为项目添加完善的自动化测试。
Nolan
Web前端工程师
曾在美团担任高级前端工程师，资深面试官。现在澳洲一家金融公司担任技术负责人。喜欢研究社区中的新技术，热爱开源与分享。目标是分享给同学们最优秀的知识，让同学们都能效率起飞
向您推荐
如无法下载使用图片另存为
下载海报选课、学习遇到问题？
扫码添加指导老师 1V1 帮助你！
添加后老师会第一时间解决你的问题