Sign in

Clarence

@theodorusclarence.com
177 followers 72 following 114 posts

Software Engineer working with React ecosystem that write blogs about development 📝 theodorusclarence.com 👨‍💻 dimension.dev

PostsRepliesMedia
Clarence @theodorusclarence.com · 13/07/2025
Check it out here: theodorusclarence.com/side-quests
theodorusclarence.com
Side Quests | theodorusclarence.com
New skills and adventures I unlocked
010
Clarence @theodorusclarence.com · 13/07/2025
🚨 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
100
Clarence @theodorusclarence.com · 07/07/2025
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
000
Clarence @theodorusclarence.com · 30/06/2025
hmm interesting, might try that. Thanks for the tips!
000
Clarence @theodorusclarence.com · 30/06/2025
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.
100
Clarence @theodorusclarence.com · 29/06/2025
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.
100
Clarence @theodorusclarence.com · 25/06/2025
here's some code snippets
000
Clarence @theodorusclarence.com · 25/06/2025
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...
100
Clarence @theodorusclarence.com · 13/02/2025
currently the problem is; if you search v12n, you won't find the full thing on google not like other numeronyms (a11y, k8s, i18n)
010
Clarence @theodorusclarence.com · 13/02/2025
can we popularize calling virtualization as v12n? I'm so tired of typing it in full
100
Clarence @theodorusclarence.com · 09/02/2025
looks like 50% theory is still true if an event is free, the amount of attendants will be 50% of registrants
000
Clarence @theodorusclarence.com · 09/02/2025
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 🤞
100
Clarence @theodorusclarence.com · 08/02/2025
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
110
Clarence @theodorusclarence.com · 08/02/2025
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
110
Reposted by Clarence
Kevin Powell @kevinpowell.co · 07/02/2025
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!
1740932
Clarence @theodorusclarence.com · 31/12/2024
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...
theodorusclarence.com
The 2024 Retrospective | theodorusclarence.com
First Full-Time Year, Solo Travel while Working, Socializing, and more!
040
Clarence @theodorusclarence.com · 29/12/2024
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
000
Clarence @theodorusclarence.com · 29/12/2024
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!
100
Clarence @theodorusclarence.com · 23/12/2024
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.
000
Clarence @theodorusclarence.com · 23/12/2024
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!
110
Clarence @theodorusclarence.com · 18/12/2024
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.
040
Clarence @theodorusclarence.com · 17/12/2024
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...
theodorusclarence.com
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).
010
Clarence @theodorusclarence.com · 16/12/2024
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!
000
Clarence @theodorusclarence.com · 16/12/2024
now I'm scared to know more about what makes you to not trust
000
Clarence @theodorusclarence.com · 16/12/2024
wow, I never knew that there's so much stuff to think about 😵‍💫
010
Clarence @theodorusclarence.com · 16/12/2024
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?
000
Clarence @theodorusclarence.com · 14/12/2024
matcha latte with oat milk is so damn good i like the mild nutty flavor and subtle grainy aftertaste
000
Clarence @theodorusclarence.com · 13/12/2024
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.
020
Clarence @theodorusclarence.com · 11/12/2024
github.com/dtinth/setup-github-acti…
github.com
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
000
Clarence @theodorusclarence.com · 11/12/2024
btw you can cache turborepo lint on github artifacts for free! link in thread
120
Clarence @theodorusclarence.com · 10/12/2024
writing on a book on my desk has more friction than opening an app on my phone when I’m already on the bed
010
Clarence @theodorusclarence.com · 10/12/2024
one thing i learned is to reduce friction as much as possible the less friction for you to do something, the easier it will turn into a habit
110
Clarence @theodorusclarence.com · 10/12/2024
my ongoing habit right now is writing daily highlights every night I’ve been doing this from around feb, first on a book, now moved to ios journal app
120
Clarence @theodorusclarence.com · 09/12/2024
woohoo 🍵 I can make it with tiny teaspoon of honey, cafes don’t understand the meaning of ‘less sweet’ istg
010
Clarence @theodorusclarence.com · 08/12/2024
yayy, i’ve been wanting this for a while
010
Clarence @theodorusclarence.com · 08/12/2024
my close friend bought me this after i mentored him for a few months he just landed a remote job to my company 🙇‍♂️🎉
020
Reposted by Clarence
Ryan Mulligan @ryanmulligan.dev · 03/12/2024
Finally had a free moment over the holiday break to mess around with some creative code ideas. I hacked on this little Web Component that outputs a shimmering pixel effect when its parent element is hovered. Read the post and check out the demo: ryanmulligan.dev/blog/pixel-c...
1222726
Clarence @theodorusclarence.com · 03/12/2024
Here's a link to the guide theodorusclarence.com/shorts/vscod...
theodorusclarence.com
Sorting Auto Import Suggestions on VSCode | theodorusclarence.com
If you're frustrated because VSCode recommends you the wrong import when they have the same name, this is for you.
020
Clarence @theodorusclarence.com · 03/12/2024
🔍 Quick Tip: Fix VSCode's Annoying Import Suggestions! Tired of VSCode suggesting the wrong imports? You can fix them!
140
Clarence @theodorusclarence.com · 03/12/2024
as an added bonus, my images now come from a custom domain 🤩 I'll share the statistics improvement in the future if this works 🤞
000
Clarence @theodorusclarence.com · 03/12/2024
Turns out my image CDN free tier was not ready for this number of visitors. I just wrapped them with an extra Cloudflare caching layer 🙈
110
Clarence @theodorusclarence.com · 01/12/2024
blueskyroast.com/roast/theodo...
blueskyroast.com
000
Clarence @theodorusclarence.com · 01/12/2024
I’ve only been here a month, seems like I’ve been working a lot with CSS last month 🤣
120
Clarence @theodorusclarence.com · 30/11/2024
thanks!
010
Clarence @theodorusclarence.com · 30/11/2024
thanks! I just read one of the article, and it’s really good. Will finish all of them!
000
Clarence @theodorusclarence.com · 30/11/2024
just rewrote them to pure CSS, now faster and smoother! deployed on theodorusclarence.com, feel it yourself
170
Clarence @theodorusclarence.com · 30/11/2024
one more left 🔥
020
Clarence @theodorusclarence.com · 30/11/2024
Firefox 🤝
010
Clarence @theodorusclarence.com · 29/11/2024
still have to do two more before publishing ✌️
010
Clarence @theodorusclarence.com · 29/11/2024
I was using Canvas for the hero animation. It's JANKY in Firefox and consumed a lot of CPU 😱 I rewrote it using CSS transform & perspective. CSS is king for animation perf⚡ - nothing can compete.
120