React-Router

  • 原文地址

    剖析单页面应用路由实现原理

    前言

    如今 React, Vue 等视图层框架大行其道,为前端开发提供了不少便利性,但是仅仅只是这些的话,缺少完善的前端路由系统,在单页应用中,我们希望能够通过前端路由来控制整个单页面应用,而后端仅仅只是获取数据接口。本文主要围绕以下三个问题来进行阐述:

    1. 单页面应用为什么需要路由系统?
    2. 单页面应用路由实现原理是什么?
    3. 如何实现一个简单的 react-router?

    接下来我们围绕一个简单的例子展开,通过路由原理将其实现。

    如果觉得本文有帮助,可以点 star 鼓励下,本文所有代码都可以从 github 仓库下载,读者可以按照下述打开:

    git clon