docs/decks/azconf-dev-2021/slides/21-component-based.md
---
name: Component Based Frontends
attrs: alt spaced
---
<section>
On the **server**, GraphQL lends itself to *deeply nested*, *networked* data.
<svg id="deep-graph" xmlns="http://www.w3.org/2000/svg"></svg>
</section>
<section reveal flex column>
Client-side, GraphQL frontends naturally revolve around **components**
<img src="/decks/azconf-dev-2021/components-dir.png" alt="Components Directory"/>
</section>
<script data-helmet>window.FLARE_CHART_JSON = {{ FLARE_CHART_JSON | raw }};</script>
<script type="module" data-helmet src="/decks/azconf-dev-2021/flare-chart.js"></script>