I really want to use web components so I can build applications where thee UI can be dramatically restructured by applying a different layer of web components to the markup without changing the markup or web service APIs that support the markup.
My goal is to be able to use the same markup to format a hierarchical threaded disussion to look like Slack or Piazza.
It is my hope to provide my thread discussion tool that generates web-component markup and a set of extendable/ replaceable web components to significantly reshape or refactor a threaded discussion UI.
This is all in github at https://github.com/csev/wc-experiment feel free to open an issue to talk about what I am trying to do.
Can I make up my own tags? What browsers will this code break? Chuck's custom tag without web components experiment.
How do we use empathise? Adrian's lit element based tag.
To make Adrian's tag work:
npm install npm run-script empathise install npx http-serverThis empathises your build dependencies from package.json, so replaces the bare paths, copies those into "assets", then starts up a basic web server on 8080. Take a look in the scripts section of package.json to see the start and empathise scripts.
npm install @patternfly/patternfly --save npm install @babel/core @babel/cli --save npm install @babel/preset-reactA --save npm install @babel/plugin-syntax-jsx --save npm run-script empathise install