Clarence

Side Quests | theodorusclarence.com New skills and adventures I unlocked

Check it out here: theodorusclarence.com/side-quests

🚨 New section alert!
I just added a “Side Quests” page to my website—documenting all the skills & adventures I’ve picked up outside software engineering.

It’s also a way for me to show some more personality beyond my professional side

sometimes not making a props optional `?:` is the right way to go when building a component

try to minimize human error as much as possible

hmm interesting, might try that. Thanks for the tips!

That makes sense! I’m wondering if there is a better way to do it for a fully custom components. It’s kinda rare for companies to purely use component library.

After working on backend tasks for almost two weeks now, I feel like AI helps significantly since backend is usually more structured.

But so far, I feel like I can't fully utilize AI when doing frontend. It's kind of hard with the design systems and personal touches.

here's some code snippets

the power of container queries ❤️

if you have an aside layout, make sure to utilize them!

Tailwind has a nice docs about them
tailwindcss.com/docs/respons...
developer.mozilla.org/en-US/docs/W...

currently the problem is; if you search v12n, you won't find the full thing on google not like other numeronyms (a11y, k8s, i18n)

can we popularize calling virtualization as v12n?

I'm so tired of typing it in full

looks like 50% theory is still true

if an event is free, the amount of attendants will be 50% of registrants

oh i forgot to post. Thanks to 240+ attendees!

It’s been a while since my last webinar, this reminds me how much I like sharing verbally

Next goal that I want to try is to do a talk in person 🤞

ooh it’s a long one, I’ll add that to my list!

if you haven’t watched shrinking yet, that’s my current favorite

watched 3 series from apple tv so far: shrinking, ted lasso, severance

not a single one is a miss 🤯
at this rate i might have to make the subscription permanent

For anyone who makes content of any type, if you don't have one, think about starting a newsletter.

You can be web-first, but newsletters are (even in 2025) such a good way to reach your audience.

And if you have a small audience, it generally means they'll be an engaged audience!

The 2024 Retrospective | theodorusclarence.com First Full-Time Year, Solo Travel while Working, Socializing, and more!

Reflecting on 2024: 🎉

• First full-time job experience
• Solo travel in South Korea
• Business trip to Dubai
• Skydiving thrill 🚀

Catch my year-end retrospective here

theodorusclarence.com/blog/2024-re...

from the cost standpoint riding my own scooter or hailing one will undoubtedly be cheaper, but I'm paying for the time and energy saved to do something more productive

I used to read more because I read when I commute. Now that I’m practically home majority of the time, I feel like I have no time to read.

Now I prefer to hail a taxi (even though more expensive) because I can read on the way. *public transport works too!

Also, I'm really tempted to convert them back from App Router to Pages, or at least create both configurations that can be easily chosen by copying and pasting.

I found myself using Pages with custom extensions more than App Router.

3k stars 🥳

By the way, it's been a while since I initialized a new fresh project lately, so I might not have the latest info. Kindly open an issue or even contribute if you have something in mind!

It surprises me that not a lot of people care to add a focus style when doing frontend.

Sometimes they even use "outline: none" instead 💀

Checking focus style is one of the pipeline both in self-coding and code review.

List Animation using Motion for React | theodorusclarence.com An in-depth guide on how to animate enter and exit animation for list using Motion for React (previously Framer Motion).

List Animations using Motion for React @motion.dev

Learn how to create smooth enter/exit animations:
• Perfect height transitions with two-div technique
• Clean spacing animations
• Zero flickering
• Component extraction tips

Check it out 👇
theodorusclarence.com/blog/list-an...

one tiny detail that people might miss: I took my time to line those up so it feels like a print on a literal notebook 🤣

also the title & date on the top right corner is dynamic!

now I'm scared to know more about what makes you to not trust

wow, I never knew that there's so much stuff to think about 😵‍💫

3 analytics providers seem to have different values. Does anybody have any idea why?

Maybe it's due to different ad blocker and bot filtering?

matcha latte with oat milk is so damn good

i like the mild nutty flavor and subtle grainy aftertaste

1 year after graduation, I realized that I didn't even have a soft copy of my degree and had never once sent it.

That's how strong an online presence is.

GitHub - dtinth/setup-github-actions-caching-for-turbo: Action to set up Turborepo Remote Caching to work with GitHub Actions' built-in cache instead of Vercel (codename: turbogha) Action to set up Turborepo Remote Caching to work with GitHub Actions' built-in cache instead of Vercel (codename: turbogha) - dtinth/setup-github-actions-caching-for-turbo

https://github.com/dtinth/setup-github-actions-caching-for-turbo

btw you can cache turborepo lint on github artifacts for free!

link in thread