Полный гайд по ChromeDevTools
Chrome DevTools – это не только панель для отладки, но и среда для проектирования, тестирования и анализа веб-приложений. С его помощью можно изучать DOM, стили, JS, запросы, оптимизировать производительность и управлять данными пользователя. Гайд
Удобная работа с localStorage
Chrome-расширение для просмотра, редактирования и удаления данных в localStorage прямо из браузера. Избавляет от необходимости лазить в DevTools и работать через консоль.
Очереди в контексте HTTP-запросов
Здесь разбираются основные стратегии очередей: FIFO, LIFO, приоритетные, плюс активное управление очередями.
API
Огромная коллекция из 1500+ отобранных API для ваших проектов, от погоды и карт до генераторов картинок и NLP-сервисов. Забираем с сайта или с GitHub
API 2
Большая актуальная база бесплатных API, которая обновляется ежедневно. Тут собрано аж 363 бесплатных API на все случаи жизни: от игр до финансов. Алгоритмы присваивают рейтинг каждому API на основе надежности, частоты ошибок и времени отклика. Если API перестает работать или становится платным, он теряет рейтинг и удаляется с сайта
Drag and drop (Swapy)
Swapy – инструмент для создания drag-and-drop интерфейсов всего за пару строк. Работает с любым фреймворком: React, Vue, Angular и даже без них. Гибко настраивается, позволяет выделять слоты и элементы для перетаскивания, добавлять анимации, и отслеживать изменения. Лёгкий в установке и супер понятный в использовании.
npm install swapyИнтерактивный справочник по SVG
Внутри: что такое viewBox, как работает clipPath, на что влияют группы aka g, что такое use и symbol, как использовать маску и так далее. Все интерактивно и наглядно.
NPM Visual Manager
NPM Visual Manager – это расширение для VS Code, которое позволяет управлять зависимостями через удобный UI вместо запуска команд в терминале.
- просмотр установленных и актуальных версий
- установка пакетов прямо из интерфейса
- обновление в один клик
- простое удаление пакетов
- поддержка массовых операций
- работает прямо внутри VS Code