更多
本章中对React 框架优势、React 18 版本特点特性,以及课程整体的教学思路和方法,进行了梳理,帮助大家更加清晰的认识 React 18。
本章将直接带同学们使用 React 基础语法上手一款小游戏的开发,在简单实战的过程中带同学们了解 React 18 的代码开发方式、调试工具,以及常见的基础语法。通过本章学习,同学们可以对 React 开发有一个非常基础的认识,有助于后续系统性学习。
本章详细介绍 React 18 的基础语法,全面使用基于 Hook 和函数组件的思路进行教学,帮助同学不仅掌握 React 提供的语法 API,同时掌握基于数据驱动的函数式编程开发理念,真正掌握新版本 React 的编程精髓。通过本章学习,同学们可以完整的掌握 React 18 中核心 API 的使用。
本章对 React 18 的语法进行了进阶扩充,在进行复杂系统设计、系统错误排查、系统性能优化的过程中,这些知识点可以有效帮助同学解决问题。通过本章学习,同学们的知识面可以覆盖 React 18 官方文档中 95% 以上的知识点。
本章讲解了如何将 TypeScript 与 React 结合,便携更健壮的前端工程代码。课程里对常见的 TypeScript 类型进行了简单介绍讲解,重点介绍了在 React 中遇到类型问题应该如何解决,即便对 TypeScript 没有任何了解,通过本章的学习,同学也可以基本完成 React 和 TypeScript 的集成开发。
本章讲解了「欢乐购」项目中,引导、登陆、注册页面的实现链路,Charles 移动端请求代理转发工具的使用、Rem 自适应布局的实现、Iconfont 等常用前端开发工具的使用,过程中帮助同学完成弹框组件、请求 Hook 等通用能力的封装。通过本章学习,同学们可以轻松应对相对简单的企业移动端页面的开发。
本章讲解了「欢乐购」项目中,首页、搜索等与首页相关页面的实现链路,对移动端布局、页面间路由联动、前端持久存储、三方插件使用进行了重点讲解,通过本章讲解,同学们可以熟练使用移动端布局技巧,进行复杂页面的样式布局开发,同时借助 React Router 完成多页面的开发串联,从而完成小型完整项目的开发。
本章讲解了「欢乐购」项目中,分类列表、商品列表、商品详情等页面的实现链路,带大家完成复杂移动端列表页面的开发,过程中重点讲解 IScroll 滚动工具的使用、复杂列表页面布局、接口数据结构设计等内容,通过本章内容的学习,同学们可以完成复杂企业移动端页面的开发。
本章讲解了「欢乐购」项目中,简单列表、复杂列表和详情页面的实现,以及这些页面中购物车逻辑的开发。通过这些页面功能的开发,同学们可以比较全面的了解电商项目中,购物核心流程的前端开发设计。购物车中设计较多的逻辑计算,本章学习也非常有助于同学提升自己对复杂业务的开发应对能力。
本章讲解了订单详情页面的实现,讲解了 AntD Mobile 组件库与 React 项目的结合使用,以及相对复杂的交易流程逻辑。在结束项目开发后,本章还讲解了如何对项目进行整体打包构建,并通过 OSS 上传到 CDN 站点,提供给服务端进行集成展示,学习完本章内容,同学将完整了解前端研发的所有链路,完成一个企业级项目的完整开发。
本章手把手带同学实现一个简易的 React 框架,扩展同学们技术视野,帮助同学们了解 React 底层实现。通过本章学习,有助于同学从底层思考技术问题,扩展技术视野,将自己的技术水准向前更近一步。
选课、学习遇到问题?
扫码添加指导老师 1V1 帮助你!
添加后老师会第一时间解决你的问题