---
title: "Jordan Brennan (@jfbrennan) | Hashnode"
description: "Frontend engineer"
url: "https://hashnode.com/@jfbrennan"
---

@jfbrennan

# Jordan Brennan

@jfbrennan · Tulsa · Joined September 2017

[Website](http://m-docs.org/)

### [Pass Astro server data to the client](https://jordanbrennan.hashnode.dev/pass-astro-server-data-to-the-client?utm_source=hashnode&utm_medium=feed)

The Astro docs provide an example for passing server data to the client. That’s not quite as robust as what I wanted for my requirements, so here’s a slightly different approach: <!-- \`account\` is a variable defined in "front matter", i.e. Astro serv...

1 min read · [jordanbrennan.hashnode.dev](https://jordanbrennan.hashnode.dev/pass-astro-server-data-to-the-client?utm_source=hashnode&utm_medium=feed)

[Nov 18, 2025](https://hashnode.com/posts/pass-astro-server-data-to-the-client/691c0580a8e62c07959e44ac)

### [When Should I Use a Web Component?](https://jordanbrennan.hashnode.dev/when-should-i-use-a-web-component?utm_source=hashnode&utm_medium=feed)

The biggest tech companies with the biggest websites are using Web Components and yet very few frontend engineers know how to build them and even fewer know when. I think it's because developers aren't sure where Web Components can fit in the crowded...

13 min read · [jordanbrennan.hashnode.dev](https://jordanbrennan.hashnode.dev/when-should-i-use-a-web-component?utm_source=hashnode&utm_medium=feed)

[Jun 15, 2024](https://hashnode.com/posts/when-should-i-use-a-web-component/666cdd9542c6a9b6a5c3b64d)

### [So Many Native JavaScript Date Formats](https://jordanbrennan.hashnode.dev/so-many-native-javascript-date-formats?utm_source=hashnode&utm_medium=feed)

I don't know about you, but I spend most of my time dreaming about the new Temporal API. It's going to make working with dates so much better in so many ways. But for now we have Date and Intl and together they actually offer a lot of date and time f...

6 min read · [jordanbrennan.hashnode.dev](https://jordanbrennan.hashnode.dev/so-many-native-javascript-date-formats?utm_source=hashnode&utm_medium=feed)

[Apr 28, 2024](https://hashnode.com/posts/so-many-native-javascript-date-formats/662ebbcaa0b6f9bc6559841a)

### [Custom local domain solves CORS and other issues](https://jordanbrennan.hashnode.dev/custom-local-domain-solves-cors-and-other-issues?utm_source=hashnode&utm_medium=feed)

Problem http://localhost:3000 can’t call your remote API because of browser-enforced limitations involving CORS, cookie sharing, and HTTPS. Solution Set up local.yourdomain.com on your dev machine so your browser will successfully call your remote se...

3 min read · [jordanbrennan.hashnode.dev](https://jordanbrennan.hashnode.dev/custom-local-domain-solves-cors-and-other-issues?utm_source=hashnode&utm_medium=feed)

[Apr 15, 2024](https://hashnode.com/posts/custom-local-domain-solves-cors-and-other-issues/661d766e63369e9d82304e49)

### [Web Component Styles Are (mostly) Encapsulated Without Shadow DOM](https://jordanbrennan.hashnode.dev/web-component-styles-are-mostly-encapsulated-without-shadow-dom?utm_source=hashnode&utm_medium=feed)

Shadow DOM is often thought of as the one and only way to create scoped styles for a Web Component. It's not. Prefixed Tags Scope Styles Web Components, i.e. Custom Elements, require a prefixed tag. For example, a "foo" Custom Element would be define...

2 min read · [jordanbrennan.hashnode.dev](https://jordanbrennan.hashnode.dev/web-component-styles-are-mostly-encapsulated-without-shadow-dom?utm_source=hashnode&utm_medium=feed)

[Apr 8, 2024](https://hashnode.com/posts/web-component-styles-are-mostly-encapsulated-without-shadow-dom/6614518fbaade3912d718ab6)