GotYouGently

2gis:
L.tileLayer('http://tile2.maps.2gis.com/tiles?x={x}&y={y}&z={z}').addTo(map);

Google Map Streets:
L.tileLayer('http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}', {subdomains:['mt0','mt1','mt2','mt3']}).addTo(map);

Google Map Terrain:
L.tileLayer('http://{s}.google.com/vt/lyrs=p&x={x}&y={y}&z={z}', {subdomains:['mt0','mt1','mt2','mt3']}).addTo(map);

Google Map Hybrid:
L.tileLayer('http://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}', {subdomains:['mt0','mt1','mt2','mt3']}).addTo(map);

Google Map Satellite:
L.tileLayer('http://{s}.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {subdomains:['mt0','mt1','mt2','mt3']}).addTo(map);

Код в index.js был обернут в тег <React.StrictMode>. Убрал тег и стало рендерить 1 раз, вместо двух....

В React атрибут disabled принимает bool, то есть disabled={false} сделает элемент активным

Есть вариант не писать бек вообще, т..к MongoDB:
а) может хостить статический контент
б) может отдавать результат запроса в виде JSON напрямую во фронт
в) умеет работать с SSL сертификатами
г) умеет хранить и отдавать двоичные данные
д) умеет изменять входящие запросы с помощью встроенного движка Javascript (почти как Нода)
е) умеет изменять подготовленные по запросу данные перед отправкой клиенту с помощью всё того же Javascript

Жутко полезно чтобы не плодить сущностей серверов при заворачивании веб апп в Электрон.
Есть минус: сервер Mongo должен смотреть в мир широко открытыми портами 80 и/или 443.
Именно в мир, а не только в локальную инфраструктуру. Т.е. чтобы сделать веб-сайт в этих ваших интернетах, то порты для Манги придётся открыть.

Есть и перекрывающий плюс: Манга шарит по файловой системе исключительно в пределах своих баз данных и не подбирает с полу всё подряд, как это делают классические веб серверы (Нжиникс, Апач, и другие товарищи).

Классический пример: создаёте приложение на Nuxtjs, делаете `nuxt generate` для создания статик сайта, засовываете контент в базу Mongo, и... всё! Всё работает, не надо Апачей, Нжиниксов, Ноды с Експрессами. НИ- ЧИ-ВО более

Манга успешно справляется с хранением бинарных файлов, т.е. картинки, звуки, видео -- всё может быть доступно напрямую из браузера по правильному УРЛ.

Ну, и дополнительная плюшка: на чистом Javascript можно на лету менять содержимое как входящего запроса, так и подготовленных данных непосредственно перед отправкой клиенту, хоть свою ЦМС пиши. Некоторые так и делают. Очень часто для: 1) Интранетов, 2) IoT приложений, 3) Electron приложений.

В settings.json добавляем:

"editor.semanticTokenColorCustomizations": {
    "enabled": false
},
"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "name": "variable",
            "scope": ["variable.other.readwrite"],
            "settings": {
                "foreground": "#cc12bc"
            }
        }
    ]
}

Нажмите Ctrl + Shift + P, чтобы открыть проводник команд. Введите Developer: Inspect Editor Tokens and Scopes, и вы увидите подсказку при клике на нужный атрибут.

Также, для команды выше, можно назначить горячую клавишу (например F4), Меню → Файл → Настройки → Сочетания клавиш и в строке поиска вводим inspectTMScopes .......

Или добавить фрагмент кода в файл C:\Users\имя_пользователя\AppData\Roaming\Code\User\keybindings.json

{
    "key": "f4",
    "command": "editor.action.inspectTMScopes"
}

Команда в настройках горячих клавиш - editor.emmet.action.removeTag
Либо через Ctrl + Shift + P набрать "remove tag".