apollo-elements/apollo-elements

View on GitHub
docs/decks/reversim-summit-2021/slides/09-glue.md

Summary

Maintainability
Test Coverage
---
name: Glue
templateEngineOverride: njk,md
libraries:
  - lib: mixins
    name: Vanilla
    logo: html5

  - lib: lit-apollo
    name: Lit
    logo: lit

  - lib: fast
    name: FAST
    logo: fast

  - lib: haunted
    name: Haunted
    logo: haunted

  - lib: atomico
    name: Atomico
    logo: atomico

  - lib: hybrids
    name: Hybrids
    logo: hybrids

  - lib: polymer
    name: Polymer
    logo: polymer

---

<div>
{%- include '../../../logo.svg' -%}
<span>=</span>
{%- include '../../../graphql.svg' -%}
<span>+</span>
<img src="/web-components.svg" alt="Web Components"/>
</div>

Multiparadigm

<ul>
{%- for library in libraries -%}
  {%- set path = ('../../../_assets/brand-logos/' + library.logo + '.svg') -%}
  <li aria-label="{{ library.name }}">
    <a href="/api/libraries/{{ library.lib }}/"
       class="library {{ library.lib }}">{%- include path -%}</a>
  </li>
{%- endfor -%}
</ul>