JSFiddle - React, Tailwind, and code Playground

by Mohammed Ismail Ansari

JavaScript

const domAsString = '<h1 id=\"comparisonoffrontenddevelopmentframeworkslibraries\">Comparison of Front-end development frameworks/libraries</h1>\n<p><img src=\"https://clockwise.software/img/blog/angular-vs-react-vs-vue/header-background.jpg\" alt=\"angular-vs-react-vs-vue\" /></p>\n<p>Picture taken from <a href=\"https://clockwise.software/blog/angular-vs-react-vs-vue\">https://clockwise.software/blog/angular-vs-react-vs-vue</a></p>\n<h2 id=\"contenderangular\">Contender: Angular</h2>\n<ul>\n<li>Created by Google</li>\n<li>Announced in October 2014</li>\n<li>Successor of already successful AngularJS</li>\n<li>Created a controversy with version 2 with drastic changes from first version</li>\n<li>A new version expected twice every year</li>\n<li>Future versions will supposedly be backward compatible</li>\n<li>Current version: 7</li>\n</ul>\n<h2 id=\"contenderreact\">Contender: React</h2>\n<ul>\n<li>Created at Facebook</li>\n<li>Initially released in May 2013</li>\n<li>Was introduced as a <em>new way of creating user interfaces</em></li>\n<li>Far more efficient for working with frequent UI updates</li>\n<li>Introduced the concept of <em>JSX</em></li>\n<li>Easier to pick-up and learn</li>\n<li>Current version: 16.7</li>\n</ul>\n<h2 id=\"contendervue\">Contender: Vue</h2>\n<ul>\n<li>Created by an independent developer after working with AngularJS at Google</li>\n<li>Initially released in February 2014</li>\n<li>Inspired from AngularJS</li>\n<li>Primary feature: light-weight</li>\n<li>Two ways to use: direct script reference or single file components</li>\n<li>Far easier to pick-up and learn</li>\n<li>Current version: 2.5.x</li>\n</ul>\n<h2 id=\"angularuniquefeatures\">Angular: Unique Features</h2>\n<h3 id=\"pros\">Pros:</h3>\n<ul>\n<li>Strong backing by Google, hence a sustainable future</li>\n<li>'Type-safe' development with TypeScript</li>\n<li>Easier to find developers to work on Angular</li>\n</ul>\n<h3 id=\"cons\">Cons:</h3>\n<ul>\n<li>A complete framework in...