Tool that breaks your html into "reacty" (React, Preact) components, saving their code into files. Imports of children components, JSX with children components, etc - you're all set.
npm install breakster --global
breakster --entry=your_html.html --outDir=/your_directory
First, let's observe this example html that will be breaked into files with components code in them. (taken from tests folder, file entry1.html)
... read the whole story at github.com.
<html> <head> <title></title> </head> <body> <div b-comp b-dialect="typescript" b-name="IndexPage"> <div b-comp b-name="Layout"> <header> <div>User</div> <div