ESLint — самый популярный JavaScript-линтер и служит основой для React-специфичного линтинга. Он поддерживает плагины, которые расширяют его функциональность для анализа React-специфичных паттернов кода и лучших практик.
eslint-plugin-react — самый популярный React-специфичный плагин. Он автоматически проверяет лучшие практики React, включая:
eslint-plugin-jsx-a11y отвечает за проверку соответствия требованиям доступности. Этот плагин особенно важен, потому что JSX использует немного другой синтаксис, чем стандартный HTML, а значит проблемы с доступностью не будут пойманы обычными линтерами. Он конкретно проверяет:
alt у изображенийtabindexОбычные JavaScript-линтеры не могут обнаружить React-специфичные проблемы, потому что они не понимают JSX-синтаксис и React-соглашения. Эти плагины закрывают этот пробел, анализируя React-код согласно устоявшимся лучшим практикам, и помогают писать более поддерживаемые, доступные и производительные приложения.
Оба плагина устанавливаются как npm-пакеты и настраиваются в конфигурационном файле ESLint (.eslintrc). Вместе они образуют комплексное решение для линтинга, специально заточенное под разработку на React.
eslint-plugin-react может автоматически обнаруживать и предотвращать использование антипаттернов React и неправильные реализации методов жизненного цикла.
Новый — ещё не проверен сообществом
Вы