PurpleSchool — платформа бесплатных roadmap и курсов для разработчиков
ютуб иконка
Telegram иконка
VK иконка
VK иконка
Курсы
ГлавнаяКаталог курсовFrontendBackendFullstack
Практика
КарьераПроектыPurpleПлюс
Материалы
БлогБаза знаний
Документы
Договор офертаПолитика конфиденциальностиПроверка сертификатаМиграция курсовРеферальная программа
Реквизиты
ИП Ларичев Антон АндреевичИНН 773373765379contact@purpleschool.ru

PurpleSchool © 2020 -2026 Все права защищены

PurpleSchool — курсы программирования онлайн
  • Курсы
    • FrontendИконка стрелки
    • AI разработкаИконка стрелки
    • BackendИконка стрелки
    • DevOpsИконка стрелки
    • MobileИконка стрелки
    • ТестированиеИконка стрелки
    • Soft-skillsИконка стрелки
    • ДизайнИконка стрелки
    Иконка слояПерейти в каталог курсов
  • Бесплатно
    • Курсы
    • JavaScript Основы разработкиPython Основы PythonCSS CSS FlexboxКарта развития
    • База знанийИконка стрелки
    • Новостные рассылкиИконка стрелки
  • Карьерные пути
    • Frontend React разработчик
    • Frontend Vue разработчик
    • Backend разработчик Node.js
    • Fullstack разработчик React / Node.js
    • Mobile разработчик React Native
    • Backend разработчик Golang
    • Devops инженер
    • Backend разработчик Python
  • О нас
    • Отзывы
    • Реферальная программа
    • О компании
    • Контакты
  • Иконка открытия меню
    • Сообщество
    • PurpleПлюс
    • AI тренажёр
    • Проекты
Главная
Сообщество
Million Lint

Million Lint

Аватар автора Million Lint

Алина Мусихина

Иконка календаря21 марта 2024
VSCodeReactfrontendmiddleИконка уровня middle
Картинка поста Million Lint

Что такое Million Lint?

Million Lint - это расширение VSCode и CLI утилита, которая обеспечивает проверку скорости работы вашего React приложения. Оно позволяет определить медленный код и предлагает варианты по его исправлению. Это как ESLint, но для производительности!

Установка

Чтобы начать, достаточно просто запустить команду в любом приложении React:

npx @million/lint@latest

Так же можно установить дополнительное расширение для VSCode.

Сравнение с аналогом:

Думаю многие разработчики пытаются использовать такие инструменты, как React Devtools, чтобы найти ненужные рендеры. Но к сожалению, большинству не хватает знаний, чтобы правильно справиться со сложностью.

Поэтому предлагаю посмотреть разницу между React Devtools и Million Lint:

React Devtools:

Million Lint:

Разработка еще не закончена - есть несколько известных ошибок и несколько недостающих функций - но это действительно хороший помощник для разработчика.

Million Lint явно имеет большой потенциал!

Иконка глаза1 067

Постройте личный план изучения Основы разработки до уровня Middle — бесплатно!

Основы разработки — часть карты развития Frontend, Backend, Mobile

  • step100+ шагов развития
  • lessons30 бесплатных лекций
  • lessons300 бонусных рублей на счет

Бесплатные лекции

Лучшие курсы по теме

изображение курса

Основы Git

Антон Ларичев
AI-тренажерыAI-тренажеры
Гарантия
Бонусы
иконка звёздочки рейтинга4.9
3 999 ₽ 6 990 ₽
Подробнее
изображение курса

HTML и CSS

Антон Ларичев
AI-тренажерыAI-тренажеры
Практика в студииПрактика в студии
Гарантия
Бонусы
иконка звёздочки рейтинга4.9
3 999 ₽ 6 990 ₽
Подробнее
изображение курса

Neovim

Антон Ларичев
Гарантия
Бонусы
иконка звёздочки рейтинга4.8
3 999 ₽ 6 990 ₽
Подробнее

Похожие статьи

Картинка поста GitHub Actions: CI/CD пайплайн для Node.js проекта
Иконка аватараАнтон
Иконка календаря05 апреля 2026
github-actionsnode.jsdevopsmiddleИконка уровня middle

GitHub Actions: CI/CD пайплайн для Node.js проекта

Настраиваем CI/CD пайплайн в GitHub Actions для Node.js: автоматический линтинг с ESLint, запуск тестов Jest, кэширование зависимостей и деплой на сервер через SSH.

Иконка чипа0
Иконка глаза45
Иконка комментариев0
Картинка поста Docker Compose для разработки: собираем окружение с базой, кешем и очередью за 10 минут
Иконка аватараАнтон
Иконка календаря04 апреля 2026
dockerdevopsmiddleИконка уровня middle

Docker Compose для разработки: собираем окружение с базой, кешем и очередью за 10 минут

Docker Compose для разработки позволяет за 10 минут собрать полное окружение с PostgreSQL, Redis и RabbitMQ. Разбираем настройку сервисов, volumes, health checks и переменные окружения.

Иконка чипа0
Иконка глаза82
Иконка комментариев0
Иконка аватараАнтон
Иконка календаря03 апреля 2026
devopsnode.jsdockerseniorИконка уровня senior

Graceful shutdown, health checks и zero-downtime deploy: чек-лист для продакшна

Graceful shutdown в Node.js, настройка health checks для Docker и Kubernetes, и полный чек-лист zero-downtime deploy для продакшна без потери запросов.

Иконка чипа0
Иконка глаза80
Иконка комментариев0
PurpleSchool — курсы программирования онлайн
  • Сообщество
  • PurpleПлюс
  • AI тренажёр
  • Проекты
Иконка чипа+7

Комментарии

1
Иконка аватара
Павел

10.05.2024

не совсем понял как ее запускать.

запускаю npx @million/lint@latest

ставлю пакет.

цепочка установки в cli идет дальше, и вылетает ошибка:

│ npm ERR! code ENOTEMPTY

│ npm ERR! syscall rmdir

│ npm ERR! path путь\node_modules\webpack-virtual-modules\src

│ npm ERR! errno -4051

│ npm ERR! ENOTEMPTY: directory not empty, rmdir 'путь\node_modules\webpack-virtual-modules\src'

поступает предложение продолжить, пишу yes

выделает предложение выбрать мою систему сборки. У нас реакт собранный руками с webpack 5, поэтому выбираю webpack.

оно создает в корне проекта пустой webpack.config.js с одним плагином

const MillionLint = require('@million/lint').default;

plugins: [ MillionLint.webpack() ]

мои конфиги лежат не в корне, а в папке webpack, и их там 3.

base.config.js

dev.config.js

prod.config.js

дев и прод мержатся сторонним пакетом с базовым.

то есть, мне надо докинуть плагин в дев конфиг.

докидываю и делаю импорт.

запускаю проект - npm start

[webpack-cli] Failed to load 'W:\work\service\webpack\dev.config.js' config

[webpack-cli] Error: Cannot find module 'unplugin'

Require stack:

- путь\node_modules@million\lint\dist\compiler\index.js

- путь\service\webpack\dev.config.js

- путь\service\node_modules\webpack-cli\lib\webpack-cli.js

- путь\service\node_modules\webpack-cli\lib\bootstrap.js

- путь\service\node_modules\webpack-cli\bin\cli.js

- путь\service\node_modules\webpack\bin\webpack.js

смотрим последний стектрейс - node_modules@million\lint\dist\compiler\index.js

uplugin? возможно, надо было не пихать в свой дев конфиг а оставить тот в корне. да и я в шторме, и там какой-то плагин на вскод ставится.

переоткрываю в вскоде. переустанавливаю, делаю реверт гита своего файла и оставляю тот что в корне.

в плагине интегрируюсь с сервисом million lint и логинюсь там через гитхаб - success.

стартую проет - стартанул.

прогоняю всё флоу проекта от и до, и панель в плагине никак не поменялась.

удаляю плагин и всё что с ним связано.