W3C HTML-проверка для файлов React JSX

Question

При работе над проектами front-end мне всегда нравится работать с инструментами для литья. Они предотвращают от немых ошибок серьезные вонючие фрагменты кода. Инструменты Linting также предлагают улучшения и оптимизацию.

Подтверждение и переливание HTML означает использование W3C Validator. При работе с проектами ванильного JavaScript я использую модуль NPT. И при работе с Angular 1.x я использую модуль grunt-html-angular-validate, который является тем же валидатором, но адаптирован к требованиям угла (нестандартные атрибуты или неполные HTML-документы не будут приводить к ошибкам или предупреждениям). Однако я попытался найти какой-то аналогичный инструмент для документов React JSX для Grunt или Gulp, но не с удачей.

Существует ли W3C HTML-валидаторы для файлов React JSX? Если это не так, то зачем?

ПРИМЕЧАНИЕ: Меня не интересует проверка части JavaScript JSX с помощью таких инструментов, как JSXHint, но только часть HTML и соответствие ее спецификациям W3C.

Answer 1

Существует ли W3C-валидаторы HTML для файлов React JSX?

No.

В случае это не так, какая-либо причина для этого?

Потому что они не HTML.

---

Ближайшим вы могли прийти бы выполнить JavaScript для создания DOM, то сериализации, что DOM в HTML (например, с помощью .innerHTML), а затем добавить объявление DOCTYPE и проверить результат.

Answer 2

В JSX нет валидаторов HTML W3C. JSX - это JS, а не HTML. Таким образом, вы можете использовать eslint плагин для пыления JSX, чтобы избежать общих проблем:

• https://github.com/yannickcr/eslint-plugin-react
• https://github.com/evcohen/eslint-plugin-jsx-a11y