Skip to content

Instantly share code, notes, and snippets.

@btopro
Last active January 31, 2020 13:54
Show Gist options
  • Save btopro/9eccb400a1b2f9d448f4b47a4795636e to your computer and use it in GitHub Desktop.
Save btopro/9eccb400a1b2f9d448f4b47a4795636e to your computer and use it in GitHub Desktop.
dcnj script

Me (4 min)

  • Show what web components
  • supported everywhere
  • why web components over other things (building 1 brick at a time, progressive decoupling, no framework lock in)
  • describe how a tag went from PolymerElement to LitElement to HTMLElement in production bc of same integraiton "api"
  • element forms an api / contract for how it should work via its slot, css variables and properties / attributes
  • show what integration looks like
  • talk about toolng and our element repo if people want to learn more about our work
  • talk about open-wc and starting with that

Becca (8 min)

  • Open WC for tooling
  • gov having lots of properties which have similar assets
  • minimal teams / resources and "stuck" on a lot of Drupal 7 and other properties
  • web components create a way forward a piece at a time while investing in teams
  • reusing assets from PSU to build accessible modals
  • reusing tooling from open-wc to get standard practices in place
  • using web component standard for pushing code that works everywhere
  • showing the elements worked on and explaining what that journey has looked like
  • mentioning HAX and reason for selecting HAX as editor going forward if there's time as parallel to reuse

Potter (8 min)

  • We were building a lot of new functionality for an online course
  • didnt want to write another drupal module when it was in drupal 7
  • used web component as front end asset (so it renders anywhere / integrated anywhere)
  • write a backend microservice that processes r-code
  • now we can deploy this on any backend and any front end we want
  • show it running in drupal and in the online course via HAXcms

Chuck (8 min)

  • building a custom theme for HAXcms
  • showcasing the site a bit and how it's reusing existing tags by our team and others
  • shows the person-testimonial tag. story here is something made FOR this site then an be reused elsewhere
  • shows the guts of what makes up a person-testimonial tag and walks through it
  • shows it in ODL site live in D7, new ODL site, hax.camp site
  • story arc is that by building this way we're able to create bricks that we can leverage elsewhere

me (8 min)

  • show elements we've made that are must haves and work anywhere
    • video-player person-testimonial code-editor license-element citation-element
  • HAX as alternative to Paragraphs
  • HAX talks to those assets (show schema) so they work on your Drupal site or in any site
  • HAX vs Gutenberg feature set
  • Gutenberg new block vs HAX new block comparison of steps involved / tool tree / language requirements
  • Demonstrating HAX in Drupal 7,8,Backdrop,GravCMS,WordPress,ClassicPress and HAXcms
  • Started w/ individual bricks for Drupal
    • realized that we got enough individual assets to make an entire system
  • Show personal blog, hax.camp and online course content updating
  • Links to learn more
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment