Matthew Suhay

Sep 19, 2021

6 min read

The Exothermic Project | Part 2

Poor design decisions for a new age

Photo by Raquel Martínez on Unsplash

Maestro of many

Request -> index.php -> query_posts() -> new WP_Query() -> query()
-> get_posts()
-> the_post() -> setup_postdata() -> apply_filters() -> wp_reset_query()
-> wp_reset_postdata() -> HTML -> Response
Request -> [url].exo -> useExothermic() -> buildTemplate() -> HTML

Intended side-effects

- !section
class: row w-100
items:
- !col
class: col col-6 align-items-center
content: |
Coder<span>&#8226;</span>
Wheelman<span>&#8226;</span>
Dragon slayer<span>&#8226;</span>
- !col
id: me
class: col col-6 d-flex align-items-end
content: |
![](/images/pxArt.png)
------- Rendered React code -------
<Section className="row w-100">
<Col className="col col-6 align-items-center">
Coder<span>&#8226;</span><be />
Wheelman<span>&#8226;</span><be />
Dragon slayer<span>&#8226;</span>
</Col>
<Col id="me" className="col col-6 d-flex align-items-end">
<img src="/images/pxArt.png" />
</Col>
</Section>
- !section
class: row w-100
items:
- !col
class: col align-items-center
content: |
Coder<span>&#8226;</span>
Wheelman<span>&#8226;</span>
Dragon slayer<span>&#8226;</span>
- !section
id: me
class: row w-100
content: |
![](/images/pxArt.png)
------- Rendered React code -------
<>
<Section className="row w-100">
<Col className="col col-12 align-items-center">
Coder<span>&#8226;</span><be />
Wheelman<span>&#8226;</span><be />
Dragon slayer<span>&#8226;</span>
</Col>
</Section>
<Section id="me" className="row w-100">
<img src="/images/pxArt.png" />
</Section >
</>

0 to live

The great decoupling

Making it more better-er