Clarence
@theodorusclarence.com
Software Engineer working with React ecosystem that write blogs about development
📝 theodorusclarence.com
👨💻 dimension.dev
📝 theodorusclarence.com
👨💻 dimension.dev
Check it out here: theodorusclarence.com/side-quests
Side Quests | theodorusclarence.com
New skills and adventures I unlocked
theodorusclarence.com
July 13, 2025 at 11:47 AM
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
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
July 13, 2025 at 11:47 AM
🚨 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
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
try to minimize human error as much as possible
July 7, 2025 at 2:40 AM
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
try to minimize human error as much as possible
hmm interesting, might try that. Thanks for the tips!
June 30, 2025 at 3:02 AM
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.
June 29, 2025 at 11:37 PM
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.
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.
June 29, 2025 at 6:46 AM
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.
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
June 25, 2025 at 7:11 AM
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...
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...
June 25, 2025 at 7:11 AM
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...
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)
February 13, 2025 at 5:29 AM
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
I'm so tired of typing it in full
February 13, 2025 at 5:21 AM
can we popularize calling virtualization as v12n?
I'm so tired of typing it in full
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
if an event is free, the amount of attendants will be 50% of registrants
February 9, 2025 at 11:43 AM
looks like 50% theory is still true
if an event is free, the amount of attendants will be 50% of registrants
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 🤞
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 🤞
February 9, 2025 at 11:13 AM
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 🤞
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
if you haven’t watched shrinking yet, that’s my current favorite
February 8, 2025 at 4:44 PM
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
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
not a single one is a miss 🤯
at this rate i might have to make the subscription permanent
February 8, 2025 at 4:19 PM
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
not a single one is a miss 🤯
at this rate i might have to make the subscription permanent
Reposted by Clarence
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!
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!
February 7, 2025 at 2:03 PM
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!
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!
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...
• 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...
The 2024 Retrospective | theodorusclarence.com
First Full-Time Year, Solo Travel while Working, Socializing, and more!
theodorusclarence.com
December 31, 2024 at 6:08 AM
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...
• 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
December 29, 2024 at 4:25 PM
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!
Now I prefer to hail a taxi (even though more expensive) because I can read on the way. *public transport works too!
December 29, 2024 at 4:25 PM
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!
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.
I found myself using Pages with custom extensions more than App Router.
December 23, 2024 at 12:39 PM
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.
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!
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!
December 23, 2024 at 12:39 PM
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!
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.
Sometimes they even use "outline: none" instead 💀
Checking focus style is one of the pipeline both in self-coding and code review.
December 18, 2024 at 1:30 PM
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.
Sometimes they even use "outline: none" instead 💀
Checking focus style is one of the pipeline both in self-coding and code review.
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...
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...
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).
theodorusclarence.com
December 17, 2024 at 11:26 AM
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...
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!
also the title & date on the top right corner is dynamic!
December 16, 2024 at 1:07 PM
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!
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
December 16, 2024 at 12:56 PM
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 😵💫
December 16, 2024 at 12:53 PM
wow, I never knew that there's so much stuff to think about 😵💫