yarn = npm install
    yarn add = npm install
    yarn remove = npm uninstall

    install vscode 插件 ES7+ React/Redux/React-Native snippets for shotcuts

    Chose a font in google fonts, I chose roboto here.
    Then select several font weight and copy its link to public/index.html
    image.png
    image.png

    1. <!DOCTYPE html>
    2. <html lang="en">
    3.   <head>
    4.     <meta charset="utf-8" />
    5.     <meta name="viewport" content="width=device-width, initial-scale=1" />
    6.     <meta
    7.       name="description"
    8.       content="Web site created using create-react-app"
    9.     />
    10.     <link
    11.       href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap"
    12.       rel="stylesheet"
    13.     />
    14.     <style>
    15.       * {
    16.         margin: 0;
    17.         font-family: 'Roboto', sans-serif;
    18.       }
    19.     </style>
    20.     <title>React App</title>
    21.   </head>
    23.   <body>
    24.     <noscript>You need to enable JavaScript to run this app.</noscript>
    25.     <div id="root"></div>
    26.   </body>
    27. </html>

    install material-ui icons

    1. yarn add @material-ui/icons @material-ui/core

    object-fit: cover