React路由与项目实践 | 青训营笔记

97 阅读2分钟

一、课程简介

课程收益: 了解路由的演进历史&原因 了解React-Router的原理(是否与Vue Router类似?) 复杂前端应用里结合路由的最佳实践

二、那些年我们一起写过的路由

路由是什么:路由是一种负责寻径的网络设备,它在.... (详情见ppt或者百科) 简而言之:路由是桥梁,帮助需求方找到供给方,并进行交换(有计算机网络基础的同学应该很容易能理解)

经典面试题:浏览器输入一段URL之后会发生什么?(DNS、Nginx、TCP ...)

Web发展阶段:

静态网站-->动态网站-->前后端分离-->单页应用-->SSR/SSG/微前端

静态网站:直接返回html,主要靠广告赚钱,更新不便利 动态网站:网站内容可动态变更,asp,jsp,php为主,最初ssr的原理 前后端分离:Ajax异步,提高可用性,前端仓库,前后端职责区分 单页应用:技术快速发展,工程工具完善,前端路由,模块化

三、React-router

packge:router,dom,native,config Parser URL:history接口允许操作浏览器的曾经在的标签页或者框架里访问的会话历史记录(会话管理) Histroy包:见官方讲解或ppt,感知url变换,操纵url Router Match:react-router承接

四、路由项目实践

应用开发,构建,交付力度切割:微前端切割巨石SPA应用,拆分成子应用 解决数据加载,前端数据处理的耗时:文件系统约定式路由

五、课程总结

WHAT-路由是什么

WHY-为什么需要路由

HOW-路由是怎么解决我们的问题的

六、感想

这次关于React路由与项目实践的课程,从一开始的路由是什么,到今天多数公司应用的单页应用架构和微前端架构都有涉及,让我对路由有了更深的理解,同时结合React最新的解决方案。收获很大。