TA的每日心情 | 开心
2024-9-19 21:14 |
|---|
签到天数: 757 天 [LV.10]以坛为家III
管理员
 
- 积分
- 1312677
|
资源详情
第1章搭建webpack+react开发环境
前端开发早就进入工程化的年代，而以React为框架开发，就必须使用工程化，目前前端最强大的工程化工具就是webpack。本章节就讲述如何使用webpack搭建一个能自动构建编译React的环境，以及使用npm作为依赖管理工具。本节学完之后，我们就能将编写的React代码自动编译为浏览器可识别的代码，直接使用浏…
第2章React基础
针对不熟悉React基础的同学，本章节就为你介绍React的基本使用，从显示最简单的helloworld开始，到使用组件化制作页面，针对已经熟悉React基础的同学，本章节的后半部分讲述了我本人对React组件化设计、代码结构的一些思路和经验，而这些技巧是后面实战开发的理论基础，不可忽略。…
第3章React忄生能优化方案
作为一个称职的工程师，考虑忄生能是必须要做的事情之一。React如此大型复杂的框架，存在忄生能问题是可以想象到的，但是官方也提出了优化方案。本章节将介绍如何检测忄生能问题，以及如何优化React的忄生能。
第4章React-router
使用React开发的是一个单页面引用程序（即SPA），SPA的页面跳转必须依靠路由来实现，而React“御用”的路由工具就是React-router，本章节介绍React-router的使用。
第5章Redux基础
当程序复杂度提高时，程序中的数据管理就变得很复杂，此时Redux就能派上用场。本章节介绍Redux的基础，使您对Redux有一个初步的了解，因为后面的实战开发，会用到Redux来存储数据，这里要把基础打好。
第6章使用fetch
使用jQuery开发页面是，可是使用自带的ajax功能获取、提交数据。而使用React框架时，就没必要为了ajax引用一个jquery了，这里我们推荐使用fetch，最新的ajax交互方式，支持Promise，用起来绝对简洁给力。
第7章开发首页
前面基础知识介绍完，正式进入实战开发阶段，本章节开发首页。首先分析页面，拆分组件，然后开发组件，拼接页面。给您详细展示从一个空白页面到开发出最终效果的整个过程。
第8章开发城市页面
本节讲述城市页面的开发，该页面中将学会如何在React中初步使用Redux存储简单的数据。
第9章开发搜索结果页面
本节讲述搜索结果页的开发，该页面将为您展示常见的搜索效果如何通过React开发出来，并且能深刻体会到路由的使用规则，以及组件可复用带来的好处。
第10章开发详情页
本节讲述详情页的开发，通过上两节的实战课程，学生讲会更加快速高效的学会拆分组件，复用已有组件，最后拼装成页面。
第11章开发登录页面
本节讲述登录页面的开发，将再次使用Redux存储数据，并判断用户的登录状态，以及登录之后跳转的处理。
第12章收藏和**功能
通过本节收藏和**的功能开发，您将体会到更加复杂的Redux应用。
第13章开发用户中心页
本节讲述用户中心页面的开发，该页面是一个比较基础的页面，跟之前一样拆分组件、复用组件、拼装页面。此时您应该能快速高效的掌握课程的全部内容。
第14章评价功能
通过本节评价功能，您将学会在React中如何操作页面变化，即数据驱动视图的开发方式。另外，您将学会使用fetch提交数据，而之前都是用fetch获取数据。
第15章扩展-项目代码版本升级
项目代码版本升级，webpack2升级到webpack3。
|
|
发表于 2021-4-14 04:22:22
发表于 2021-4-25 10:17:01
发表于 2022-3-16 13:53:54
