Основы JavaScript Операции

👉 Гайды по JavaScript | дать буст

global-error.tsx отображается только в prod, но не локально в Next.js

👉 Гайды по JavaScript | дать буст

Почему ваше приложение React загружается так медленно?

причиной могут быть "водопады".

👉 Гайды по JavaScript | дать буст

Array.prototype.filter()

👉 Гайды по JavaScript | дать буст

Использование Higher-Order Functions для обработки массивов

👉 Гайды по JavaScript | дать буст

Дорожная карта разработчика бэкенда.

👉 Гайды по JavaScript | дать буст

Использование JavaScript Object.defineProperty для управления свойствами объекта

👉 Гайды по JavaScript | дать буст

Откопал тут библиотеку — react-google-maps

Она позволяет легко встраивать Google Maps в ваши React-приложения, используя компоненты и хуки

Чтобы начать, достаточно установить пакет:

npm install @vis.gl/react-google-maps

Потом оборачиваем свои компоненты в APIProvider, передаём свой API-ключ, и можно творить магию с картами.

Пример простого использования:

import { AdvancedMarker, APIProvider, Map } from '@vis.gl/react-google-maps';

function App() {
  const position = { lat: 53.54992, lng: 10.00678 };

  return (
    <APIProvider apiKey={'ВАШ_API_КЛЮЧ'}>
      <Map defaultCenter={position} defaultZoom={10} mapId="DEMO_MAP_ID">
        <AdvancedMarker position={position} />
      </Map>
    </APIProvider>
  );
}

export default App;

Плюс, есть хук useMapsLibrary() для подгрузки дополнительных библиотек, если нужно что-то посложнее, типа геокодинга или маршрутизации

Если возишься с картами в проектах, эта тулза точно должна быть в закладках. Документация и примеры использования доступны на GitHub: https://github.com/visgl/react-google-maps

👉 Гайды по JavaScript | дать буст

Визуализация методов массивов JavaScript

👉 Гайды по JavaScript | дать буст

Преобразовать строку в массив

👉 Гайды по JavaScript | дать буст

Рукописные заметки NODE.JS

👉 Гайды по JavaScript | дать буст