React Hooks 核心原理与实战
王沛
eBay 中国研发中心资深技术专家
新⼈⾸单¥59.9
1283 人已学习
课程目录
已更新 18 讲 / 共 23 讲
0/2登录后,你可以任选2讲全文学习。
开篇词 (1讲)
开篇词 | 全面拥抱 Hooks,掌握最新 React 开发方式
免费
基础篇 (7讲)
01|认识 React:如何创建你的第一个 React 应用?
02|理解 Hooks:React 为什么要发明 Hooks?
03|内置 Hooks(1):如何保存组件状态和使用生命周期?
04|内置 Hooks(2):为什么要避免重复定义回调函数?
05|进一步认识 Hooks :如何正确理解函数组件的生命周期?
06|自定义Hooks :四个典型的使用场景
07|全局状态管理:如何在函数组件中使用 Redux?
实战篇 (10讲)
08|复杂状态处理:如何保证状态一致性?
答疑解惑01|如何转换应用React Hooks 的思路?
09|异步处理:如何向服务器端发送请求?
10|函数组件设计模式:如何应对复杂条件渲染场景?
11|事件处理:如何创建自定义事件?
12|项目结构:为什么要按领域组织文件夹结构?
13|Form:Hooks 给 Form 处理带来了哪些新变化?
14 | 使用浮动层:如何展示对话框,并给对话框传递参数?
15 | 路由管理:为什么每一个前端应用都需要使用路由机制?
16 | 按需加载:如何提升应用打开速度?
React Hooks 核心原理与实战
15
15
1.0x
00:00/00:00
登录|注册

15 | 路由管理:为什么每一个前端应用都需要使用路由机制?

你好,我是王沛。今天我们来聊聊如何在 React 中使用路由管理。
所谓路由管理,就是让你的页面能够根据 URL 的变化进行页面的切换,这是前端应用中一个非常重要的机制,同时也是 Web 应用区别于桌面应用的一个重要特征。
我们之所以说路由非常重要,主要体现在两个方面。
一方面,路由机制提供了按页面去组织整个应用程序的能力,页面之间的交互可以主要通过 URL 来进行,从而可以让各个业务功能互相独立,实现逻辑的解耦。
另一方面,URL 的全称是 _Uniform Resource Locator_,中文意思是“统一资源定位符”,表明 URL 是用于唯一的定位某个资源的。
所以对于能够通过前端应用展现的每一个资源,你都要考虑 URL 是否能唯一地定位到这个资源。这要求 URL 不仅能定位到某个页面,还要能定位到一些状态,比如当前的 Tab 页是什么,或者页面列表应该是第几页,等等。而路由机制,就可以让你做到这一点。
所以,对于每一个前端应用,无论大小,都应该要有自己的路由机制。而我们在开发每一个功能的时候,在设计之初就应该思考当前实现的功能和 URL 是否需要有什么联系。这样就可以让 URL 能够更准确地定位资源,进而提升用户体验。同时,由于我们将某些状态通过 URL 进行了管理,相关的业务逻辑语义也会更加明确。
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/1000字
划线
笔记
复制
该试读文章来自付费专栏《React Hooks 核心原理与实战》,如需阅读全部文章,
请订阅文章所属专栏新⼈⾸单¥59.9
立即订阅
登录 后留言

精选留言(3)

  • 陈好人
    以为作者要代领大伙实现一个useHistory之类的hook,没想到真的只是讲route😂
    2021-06-29
    2
    5
  • 爱吃鱼的喵
    有微信群吗

    编辑回复: 暂时没有哦~有问题可以在留言区给老师留言呐!

    2021-06-30
    1
  • 前端小猪
    比如通过Search去查询并返回数据re-render的结果,如果可以通过url查询参数去监听,就简化了交互吧
    2021-06-29
收起评论
3
返回
顶部