Hannah Clarke's Avatar

Hannah Clarke

@hannahc.bsky.social

Design System UI Engineer Music listening, photo taking, road tripping, app building, void staring. (she/her)

131 Followers  |  194 Following  |  34 Posts  |  Joined: 27.05.2023  |  1.8734

Latest posts by hannahc.bsky.social on Bluesky

While the day job is more design-side, itโ€™s been pretty awesome working on a side project with @hannahc.bsky.social, learning a load of nextjs, api architecture, Supabase and all kinds of stuff

02.07.2025 15:45 โ€” ๐Ÿ‘ 4    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

You don't have to - stencil will generate a types file itself if you set the option in the config. But for consistency with our existing setup I've been adding the extra step in a custom script.

18.01.2025 00:58 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Currently only outputting for React, so can only speak to that, but Stencil can generate a types file when it builds components. We wanted individual types files per component in our React library so I wrote a script to generate these after Stencil builds and added them to the wrapper. Works well.

16.01.2025 21:22 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

This week I have learnt that a lot of unnecessary stress and confusion can be avoided by clarifying what you mean by terminology you assume everyone uses in the same way. In this case - "components". We meant buttons, links and other atomic stuff. They meant entire dashboards.

16.01.2025 15:26 โ€” ๐Ÿ‘ 4    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Research question for you - if someone shares a playlist (or a track, album, anything) that you like the look of from Spotify, but you're an Apple Music user, what do you do?
(Swap either streaming platform for one you don't use and one you do)

#music #musicsky

05.01.2025 14:13 โ€” ๐Ÿ‘ 1    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

There's definitely an element of that in there too ๐Ÿ˜… but there's a lot of Stencil specific stuff that I've had to just trial & error to find the right solution.

18.11.2024 16:33 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

I've been using Stencil to build our Design System web components and it's really great, but the amount of time I've spent figuring out things that are a little too niche for the documentation is insane.
Time I could be using to write up the things I've been figuring out without documentation... ๐Ÿ”„๐Ÿ™ƒ

18.11.2024 16:05 โ€” ๐Ÿ‘ 4    ๐Ÿ” 0    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0

Exactly! The irony being that not all products use React, but seems the suggestion is they should "just all start using React instead". ๐Ÿคฆโ€โ™€๏ธ
(I'm just gunna keep building them as we've planned until we're told not to... Who cares how they were made if they work the same?)

14.11.2024 19:31 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

If you're getting React components at the end of it, why does it matter how they were built? Not to mention the long term future proofing benefits we get from web-components. Urghhh ๐Ÿ˜ฃ

14.11.2024 14:34 โ€” ๐Ÿ‘ 4    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

After spending a lot of time getting our Design System infrastructure ready to go using Stencil for web-components, writing custom processing scripts to make generated React components *perfect* for React product devs, being told we should just be building in React is so incredibly demoralising.

14.11.2024 14:33 โ€” ๐Ÿ‘ 7    ๐Ÿ” 0    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0

Feel like I should get time-off-in-lieu for the nights where I try to debug an unresolved issue in my sleep. Dreaming about an inconsistent build script is in no way restful ๐Ÿ˜ด

13.11.2024 12:23 โ€” ๐Ÿ‘ 4    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

๐Ÿ’ฏ
I'm on a team building a Design System for products using multiple frameworks, which we can cater for on the web side using web-components, but my current thinking is a mobile library will need to be a completely separate entity. There's only so far you can go with framework agnostic code.

11.10.2024 12:25 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

I'm worried that this might be the case... Luckily I have a lot of React experience so can spot the bs, but if it comes down to who can shout louder, I'm concerned they're going to win.

11.10.2024 09:26 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Hmm interesting!
The only explanation I can think of in this case is it's someone getting overly enthused about react-native-web, but as our product is predominantly web based (with a supporting mobile app) it seems wild to move to a framework built for mobile app development.

10.10.2024 16:47 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

I've previously had to build a web app using React Native and it's not a straightforward experience, I don't see why this would become the standard.
#React #ReactNative #ReactDevelopers #webcomponents

10.10.2024 11:59 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Hey #frontend developers! Someone has put forward the argument that "the future of React is React Native" as a way of fighting a Design System built with web-components (outputting wrapped components for React).
Has anyone else come across this? I've not heard anything that suggests it's likely.

10.10.2024 11:57 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0
Preview
How to write a codemod to update your components Step away from the find and replace button! A worked example for writing a codemod to replace an old component with a new version.

I wrote a thing about codemods. I don't really know where to share it, so I'll just leave it over here in case anyone needs it.
medium.com/@_hannahc_/c...

#frontend #javascript #react #typescript #webdevelopment #designsystems

20.03.2024 17:41 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

How long does it take to shake the cringe feeling from giving a completely wrong answer to an interview question and making yourself look like a total moron...? ๐Ÿ˜–

13.03.2024 12:33 โ€” ๐Ÿ‘ 1    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

I've mostly been pragmatic about losing my job, but now I'm officially on my last day and the saddest thing is seeing so many great, talented people in the same boat. This industry can be so ruthless.

23.02.2024 10:28 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Without fail, every time I try to test something I'm building with a screen-reader, everything inevitably crashes and it berates me with "Chrome is not responding" over and over.
Sure, cool, it's not like I have to submit this assignment in 2 days or anything ๐Ÿ˜’

20.11.2023 23:36 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

In an excellent neurodiversity webinar at work, but suffering from imposter syndrome about my own ADHD experience is a new low.

22.09.2023 13:53 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

There's a new-ish place called Nadu on Jamaica Street that's meant to be really good. Or there's also Poco which is next to it.
(Full disclosure - I've been to neither yet, but I've heard good things ๐Ÿ˜…)

28.07.2023 10:31 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Finally won the waiting list game and got an ADHD diagnosis last week. Great to know I'm not useless and lazy, but all I actually won was a place on another waiting list. Turns out knowing what you already suspected doesn't make anything better.

12.07.2023 15:01 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Yeah, a fair bit, but it's been shut down pretty quick. Mostly seems like they made the decision and they're not interested in changing it.

06.07.2023 16:34 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Some progress... Had to disclose my ADHD diagnosis in hope of getting an exemption (maybe 2 days a month instead of twice a week ๐Ÿคž). But other than that there's no real discussion permitted for anyone else ๐Ÿ˜ฌ

06.07.2023 12:03 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

I was calling myself a lurker, consumer is much better - sounds way less creepy ๐Ÿ˜…

06.07.2023 09:22 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

All these new "text based" platforms I'm impulsively jumping on board with without first considering I don't actually have a lot to say.

06.07.2023 08:47 โ€” ๐Ÿ‘ 5    ๐Ÿ” 0    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0

๐Ÿ™ƒ

05.07.2023 08:12 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Too many unrelated thoughts for silence. They can only be drowned out by bass.

04.07.2023 15:32 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

I've been replaying The Last of Us since I finished the series and after putting off the last little bit for so long I've finally completed it again and I am a mess ๐Ÿ˜ญ

30.06.2023 17:52 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

@hannahc is following 20 prominent accounts