I created an ESLint plugin to find invalid HTML nestings in JSX

• eslint-plugin-validate-jsx-nesting

  4 58 1.7 TypeScript

  ESLint Plugin to Validate JSX Nestings

• validate-html-nesting

  2 29 2.4 JavaScript

  Validate parent-child nesting for HTML elements

The problem is not the Invalid HTML, but that the browser fixes it and so framework's code to update the DOM ends up updating the wrong DOM nodes and may even throw error. Example

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• babel-plugin-validate-jsx-nesting

  1 10 1.5 JavaScript

  compile time JSX nesting validation

So first i created a babel plugin babel-plugin and integrated it with my framework's Compiler so that compiler will refuse to compile invalid jsx.

• hydroxide

  1 36 0.0 TypeScript

  Next Generation Reactive JavaScript Framework (by hydroxide-js)

  

So first i created a babel plugin babel-plugin and integrated it with my framework's Compiler so that compiler will refuse to compile invalid jsx.

Suggest a related project