W3C convalida HTML per file React JSX

Question

Quando si lavora a progetti front-end mi piace sempre lavorare con gli strumenti di sfilacciamento. Impediscono gli errori stupidi ai pezzi di codice maleodoranti. Gli strumenti di lanugine suggeriscono anche miglioramenti e ottimizzazioni.

Validazione e linting HTML significa utilizzare il validatore W3C. Quando lavoro con progetti JavaScript vanilla, utilizzo il modulo NPM grunt-html Grunt. E quando si lavora con Angular 1.x, utilizzo il modulo grunt-html-angular-validate, che è lo stesso validatore ma adattato ai requisiti Angular (gli attributi non standard oi documenti HTML incompleti non generano errori o avvisi). Tuttavia, ho cercato di trovare uno strumento simile per i documenti React JSX sia per Grunt che per Gulp, ma senza fortuna.

Esiste validatori W3C HTML per file React JSX? Nel caso in cui non lo fa, nessuna ragione per questo?

NOTA: Non sono interessato a controllare la parte JavaScript del JSX con strumenti come JSXHint ma solo la parte HTML e la sua conformità con le specifiche W3C.

Answer 1

Esiste validatori W3C HTML per file React JSX?

No.

Nel caso in cui non lo fa, alcuna ragione per questo?

Perché non sono HTML.

---

il più vicino si potrebbe venire sarebbe quella di eseguire il JavaScript per generare un DOM, quindi serializzare che DOM HTML (ad esempio con .innerHTML), e quindi aggiungere una dichiarazione DOCTYPE e convalidare il risultato.

Answer 2

Non ci sono validatori HTML W3C per JSX. JSX è JS, non HTML. Così si può utilizzare eslint plugin per linting JSX per evitare i problemi più comuni:

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