Skip to main content

Code

info

The branch for this chapter can be found here

React router dom​

yarn add react-router-dom

Home Screen​

screens/home/index.tsx

import React from 'react'
import {Grid} from "@mui/material";

function Home() {

    return (
        <Grid>
            <Grid item>Home</Grid>
        </Grid>
    )
}

export default Home

Screens index​

Lazy & Suspense​

define screens

  • Home
  • Profile

Lazy loading Screens

https://ui.dev/react-router-nested-routes