Clarence Profile Banner
Clarence Profile
Clarence

@th_clarence

Followers
4,170
Following
285
Media
644
Statuses
2,325

Software Engineer working with React ecosystem that write blogs about development. amdg. 👨‍💻 @joindimension

Indonesia
Joined February 2020
Don't wanna be here? Send us removal request.
Explore trending content on Musk Viewer
Pinned Tweet
@th_clarence
Clarence
10 months
how it started vs how it's going 🚀🤣
Tweet media one
25
89
1K
@th_clarence
Clarence
7 months
recap 2023 - lulus kuliah 👨‍🎓 - kerja remote di US company - buka revision-style mentorship - nulis paid blogs buat logrocket - lead team buat project yang usernya ± 1.5 juta - dibayarin apple dev ke sg buat nyobain vision pro 👀 - made some new friends to wfc tgt
@irwndfrry
Biji Besi Olahan
7 months
recap 2023 - Resign dari PNS - diteror calo tiket - diteror fans mardigu - diteror bandar judi online - diserang bocil fans streamer - Punya anak kedua - Ibu kena cancer - Bikin channel youtube Malaka Project - Bikin Program Beasiswa - nonton coldplay
124
280
3K
24
98
1K
@th_clarence
Clarence
2 years
I just made an app to track debts for my `kos` (kinda like a dorm). What a practical case to learn backend🤣 We usually bought food together and quickly forgot how much to pay. Built with Next, Prisma, NextAuth, and Supabase's Postgres in just over 2 days (what a great stack)
Tweet media one
Tweet media two
Tweet media three
34
142
994
@th_clarence
Clarence
1 year
New to front-end? Familiarize yourself with the correct terms for UI Patterns One great tip is to check libraries' documentation. They have it complete with the code, implementation, and interactable examples. Here are some that I recommend 👇
Tweet media one
Tweet media two
Tweet media three
5
52
427
@th_clarence
Clarence
1 year
I have an old website that's still indexed in google, and I want it to be removed Here's what I did 🧑‍💻
Tweet media one
6
38
353
@th_clarence
Clarence
1 year
Introducing Aether 🔆 Aether serves as the building block for some of my team projects. This design system uses Next.js, TS, Tailwind CSS, Headless UI, Zustand, Tanstack Query, React Hot Toast, React Hook Form, React Select. Soon: (React Table, Popper)
6
29
308
@th_clarence
Clarence
2 months
dimension lagi open position u/ full-stack engineer, design lead, dan AI engineer salary start ~60 jutaan per bulan👇
@suptejas
Tejas
2 months
We're opening 4 new positions at Dimension. We're backed by the best investors in the world, including the founders of GitHub, Pitch, Netlify, Postman, WorkOS, Framer, Sourcegraph. We have a massive waitlist and a game-changing product. Details Below:
9
33
205
14
27
248
@th_clarence
Clarence
6 months
mulai terlihat work-life balance
Tweet media one
2
8
240
@th_clarence
Clarence
2 years
Introducing Notiolink 🔗 Linktree and branded link shortener that you can set up in just 15 minutes! 😮 Built with @vercel and @NotionAPI Features on the thread👇
Tweet media one
2
32
230
@th_clarence
Clarence
1 year
2021 was learning through tutorials 2022 is learning by case and projects Once you got the fundamental theories, go and make something to solidify them
Tweet media one
2
14
230
@th_clarence
Clarence
1 year
🤩🤩
Tweet media one
10
5
220
@th_clarence
Clarence
1 year
Introducing Hexcape, my final project in the Apple Developer Academy. a thread
6
22
209
@th_clarence
Clarence
8 months
[Open Paid Mentorship] Hai guys, jadi aku mau open mentorship untuk frontend development React. Namanya 'Revision-Style Mentorship' (Details in thread)
3
26
188
@th_clarence
Clarence
3 months
I wrote a new article about advanced react patterns, will be posted monday 👀
7
3
172
@th_clarence
Clarence
1 year
Have you ever wondered if one way of import is more performant than the other?
Tweet media one
6
16
169
@th_clarence
Clarence
2 years
The academy’s desk set up is to die for 😩 damn, my standard is too high now
Tweet media one
7
9
164
@th_clarence
Clarence
3 months
baru nyadar, gw dan @abielzulio sama” freshgrad dan dapet kesempatan buat kerja remote di luar Bikin space untuk sharing pas kuliah nyiapin portfolio dan pengalaman kerja remote deh. Pekerja remote lain kali aja bisa sharing” juga gimana dapetnya 👇👇
11
31
167
@th_clarence
Clarence
11 months
finished my thesis! 🎉 I’m grateful that I got the chance to work on something that I truly enjoy: Multistep Form and Form Components using Next.js, React Hook Form, and Zustand ✨
Tweet media one
21
3
159
@th_clarence
Clarence
3 years
🔥 v1 is released 🔥 It is fully TypeScript with awesome new features. I'll mention the overview on the thread 👇
7
24
156
@th_clarence
Clarence
1 year
this is harder than expected, ended up using a component that calls itself
19
1
146
@th_clarence
Clarence
6 months
best thing about remote working is that I can justify this as working expense 👀 details on
Tweet media one
@th_clarence
Clarence
6 months
a snap of current setup before an upgrade soon 👀
Tweet media one
7
0
29
11
8
144
@th_clarence
Clarence
1 year
My recursive component got some of your attention lately, so I decided to open-source them 😄 There are two components so far: Nested Form, and Collapsible Nav 🔥 Check it out on
4
14
138
@th_clarence
Clarence
1 year
Are you familiar with this React Error? Here's something that might help you understand ✨
Tweet media one
3
11
135
@th_clarence
Clarence
2 years
Git Tips #1 🕹 - Renaming Last Commit If you have a typo on the *last* commit message, you can fix it by *amending* commit 😉 Don't forget to push force if you already pushed the incorrect one to remote.
6
16
134
@th_clarence
Clarence
5 months
anybody know a Nodejs backend engineer with a kick-ass portfolio?
18
16
127
@th_clarence
Clarence
6 months
You might've been creating react components incorrectly 😲. Is it fully reusable or barely? Find more on my blog!
6
29
124
@th_clarence
Clarence
1 year
Intro tentang data fetching di Next.js. More parts are coming daily! Content in Bahasa Indonesia 🇮🇩
1
16
124
@th_clarence
Clarence
1 year
Over the year, traffic keeps building up, and my Vercel serverless function almost hit the limit here's what I learned about caching API to lower the usage
Tweet media one
5
15
115
@th_clarence
Clarence
2 months
This is one of the articles that I'm most proud of It answers all of my past curiosity about React state by simulating vanilla js behaviour. Sometimes, when I re-read them, I still wonder how the hell I got the idea to write them like that.
Tweet media one
1
9
113
@th_clarence
Clarence
2 years
5 Great VSCode Extensions 💡 Not the overshared list (prettier, eslint, gitlens, etc). I promise. 👇
2
21
107
@th_clarence
Clarence
2 years
8 years and finally retiring! what a beast
Tweet media one
Tweet media two
6
3
104
@th_clarence
Clarence
4 months
useState sometimes is overused, there will be a case where you can just use Derived State
Tweet media one
2
13
105
@th_clarence
Clarence
2 months
i’m genuinely shocked
Tweet media one
8
3
105
@th_clarence
Clarence
1 year
[🇮🇩] Part 4: Perbedaan CSR dan SSR Keys to Emphasize 1. CSR hit API setelah page loads. 2. SSR hit API sebelum page loads.
3
11
101
@th_clarence
Clarence
2 years
73 → 3811 building projects is the fastest way to learn
Tweet media one
Tweet media two
3
9
106
@th_clarence
Clarence
2 years
Git Tips #3 🕹 - Why should we push force our changes after rewriting it? Here's the basic concept of how git works when pushing rewritten commits 🔥
1
9
105
@th_clarence
Clarence
2 years
React Core Concept: useEffect This is for another article, but I want to test a mental model first. Comments & suggestions are highly appreciated. Here we go 🧵 0/8
Tweet media one
5
16
92
@th_clarence
Clarence
4 months
so I bought an upgrade 👀
Tweet media one
Tweet media two
6
1
94
@th_clarence
Clarence
1 year
well, in case you're on fire...🔥
4
12
90
@th_clarence
Clarence
3 years
Hey 👋, this Saturday I'll be hosting a webinar about "Practical Flexbox" (Bahasa Indonesia). It will be an in-depth explanation of how flexbox works inside the browser. If you have the time, register yourself at (FREE). See you guys on saturday!
Tweet media one
5
25
85
@th_clarence
Clarence
6 months
I've been writing tech articles for almost 3 years. During those years, my 37 articles have generated almost 400k views 🥳, with 6k monthly visitors Here's my process for writing a blog post ✍️
Tweet media one
1
6
88
@th_clarence
Clarence
2 years
Hai #TechTwitterIndonesia 🇮🇩, Open Discussion balik lagi! Yuk ikutan ngobrol" bareng malem ini jam 19.30 WIB. Kita akan bahas yang santai" dulu & sharing pengalaman sebagai software engineer
6
14
85
@th_clarence
Clarence
3 months
one of my short term goal is to have a product. I’ll be launching a paid article about “Everything I did to build a software engineer portfolio” soon! today’s space is also hosted for me to test my materials 👀. Will be compiling them to an awesome article! 🔥
Tweet media one
3
3
84
@th_clarence
Clarence
3 months
In this article, I covered 4 patterns: - Component with Context - Function as Child - Forward Ref - Higher-Order Components Enjoy!
0
9
86
@th_clarence
Clarence
4 months
over-engineering my blog's like button 👀
Tweet media one
3
2
84
@th_clarence
Clarence
1 year
made this with React & Tailwind CSS 🤯 credit goes to @linear and @Hyperplexed
3
4
83
@th_clarence
Clarence
2 months
🧑‍🍳
Tweet media one
3
1
81
@th_clarence
Clarence
11 months
ts-nextjs-tailwind-starter is updated to App Router! Sorry for the long wait; I was pre-occupied with my thesis 😅 The expansion pack will be updated gradually.
1
8
74
@th_clarence
Clarence
7 months
github event at microsoft indonesia!
Tweet media one
3
2
73
@th_clarence
Clarence
1 year
building ✨dynamic form✨ with default values from backend API data is hella complicated 💀 but very fun👍 using @HookForm
Tweet media one
4
3
75
@th_clarence
Clarence
2 years
In progress: Notiolink 🚀👀 A link shortener that you can self-host for free! It's using @vercel edge function making it super fast, combined with @NotionHQ 's great UX as a CMS ✨
4
11
74
@th_clarence
Clarence
2 years
feat: add thousands separator to my view count 👀 When I was building this site, I honestly didn't expect my post to pass 1,000 views
Tweet media one
3
2
67
@th_clarence
Clarence
2 years
I forgot I receive this pack when I was out of town 😅
Tweet media one
5
0
66
@th_clarence
Clarence
3 months
I did a thing
11
1
65
@th_clarence
Clarence
4 months
new blog & demo about (advance) react patterns soon 👀 hopefully can be done up until next week
Tweet media one
2
3
65
@th_clarence
Clarence
2 months
we looked like confused engineers
Tweet media one
3
1
64
@th_clarence
Clarence
3 months
udah ngincer untuk kerja remote dari pas semester 4. Have been building online presence (blog, oss, twt) since you reap what you sow
@jxxxhxxn
jxxxy
3 months
Is there anyone here willing to share their journey of getting their first job? Maybe we can learn from it, thanks in advance
58
154
825
0
1
62
@th_clarence
Clarence
1 year
I got a case where I have three projects that use the same design system (aether). Whenever there is a change in the design system, we need to update them to 3 projects, and it gets pretty repetitive. Here's what I did ✍️
Tweet media one
4
2
62
@th_clarence
Clarence
8 months
kalo sesuai pengalamanku, dinotice karena punya open source projects. So, start building in public. Bahkan walau masi code-along via tutorial, share aja gapapa biar terbiasa [cont]
1
2
61
@th_clarence
Clarence
1 year
One practice that I always do with my team is adding a screenshot (preferably recording) to speed up PR It helps the reviewer to get some context about what needs to be checked
Tweet media one
4
4
56
@th_clarence
Clarence
2 years
followed a tutorial for this one. It's harder than I thought, the approach is far different from CSS 😬
4
1
53
@th_clarence
Clarence
3 months
pro tip: name your booleans!
Tweet media one
1
4
54
@th_clarence
Clarence
2 years
5 Tailwind CSS Best Practices I Use (opinionated) 🧵👇
Tweet media one
2
17
52
@th_clarence
Clarence
6 months
motivasi untuk yang sampe sekarang blom nulis technical blog rate 1 artikel di tempat roket" itu UMR 🏃💨
4
3
50
@th_clarence
Clarence
13 days
we’re so back
Tweet media one
2
0
50
@th_clarence
Clarence
9 months
1 month into the job and it looks super promising 🚀 great looking app that will be very useful for modern teams. working on it felt like a hobby project because it actually is something that I like and am interested in. Also, we have an awesome and talented team!
@suptejas
Tejas
9 months
Thank you to everyone for your support. This wouldn't be possible without our amazing team, including @CL_REX , @notcnrad , @faisal_sayed05 , @th_clarence and everyone else who worked with us! If you're excited for Dimension, join the waitlist at !
19
52
390
6
1
50
@th_clarence
Clarence
3 months
I've been taking notes of my daily highlights for almost 2 months now. that highlight does a really good job of triggering cues to visualize flashes of images in my memory. Very delightful!
Tweet media one
9
1
49
@th_clarence
Clarence
1 year
[🇮🇩] Next.js Data Fetching Part 3: Server Side Rendering! Keys to emphasize: 1. Menggunakan getServerSideProps 2. Ada delay sebelum render, dan tidak ada loading indicator 3. Data difetch setiap page request
3
4
48
@th_clarence
Clarence
11 months
alias gv="gh repo view --web" add this to your config to open GitHub repo straight from your terminal 👍
2
2
48
@th_clarence
Clarence
10 months
I’m joining @joindimension 🚀 ready to build cool stuff with @suptejas
Tweet media one
13
0
47
@th_clarence
Clarence
8 months
ada yang diinvite juga dan berencana untuk dateng? 👀
Tweet media one
7
1
46
@th_clarence
Clarence
5 months
btw the salary starts from 55jt per month depending on ur skill, trying to get more Indonesian people to dimension 👀 drop your portfolio 👇
10
8
45
@th_clarence
Clarence
2 months
Tweet media one
2
1
44
@th_clarence
Clarence
2 years
Git Tips #4 🕹 - 3 Types of Git Reset Did you know that there are 3 types of git reset? Use them accordingly to flex your #git skills 💪
2
5
43
@th_clarence
Clarence
2 years
🥲 Margin Bottom vs 😋 Margin Top When using margins, try to only make an effect on the element that you put the margin to. It will be so much easier to maintain.
Tweet media one
1
6
43
@th_clarence
Clarence
2 years
ts-nextjs-tailwind-starter just reached 1k stars! 🎉🙌
Tweet media one
1
0
41
@th_clarence
Clarence
2 years
My GitHub Sponsors profile is live! You can sponsor me to support my open source work 💖
2
3
41
@th_clarence
Clarence
3 years
TIL about permalink in github. We can cleanly insert code snippets using `Copy Permalink`
2
1
40
@th_clarence
Clarence
3 months
not so important, but kinda bugs me harusnya enjenir bukan enjiner 🤝
Tweet media one
5
2
41
@th_clarence
Clarence
3 months
quick reminder if you're using pnpm, next-sitemap won't generate unless you have this config Just found out today, no wonder my page is not indexing
Tweet media one
1
0
39
@th_clarence
Clarence
1 year
kalo gempa pake ini
4
4
40
@th_clarence
Clarence
2 years
👀 can now be found on the official discord resources channel Thanks to @Nutlope for adding it! @vercel
Tweet media one
5
2
39
@th_clarence
Clarence
2 years
🇮🇩 #TechTwitterIndonesia rame banget buset, makasi speakers” yang udah sharing malem ini 🎉🙌 @F2aldi @mgilangjanuar @fransallen @azharieazharou @auliavafif @lynxluna dll 🍿
Tweet media one
8
5
38
@th_clarence
Clarence
9 months
I'll be trying Apple Vision Pro in SG next Monday👀 It will be my first trip overseas too!
Tweet media one
2
0
38
@th_clarence
Clarence
2 years
🥳
Tweet media one
14
1
38
@th_clarence
Clarence
2 years
1.100 new friends 🤯 I tweet about frontend and rebuilding mental models through a blog! About me: 🇮🇩 I'm from Indonesia 🎓 Currently still in uni 🏆 My blog has 8k monthly visitors & growing! 👾 I do Twitter spaces (id & en) What (side) project are you working on right now?👇
4
3
36
@th_clarence
Clarence
8 months
soooo i got a new monitor 😄 lg ultrafine ergo 32”
Tweet media one
8
0
38
@th_clarence
Clarence
3 months
help me convince @suptejas that this is indeed a good prefix to have for dimension
Tweet media one
4
0
35
@th_clarence
Clarence
2 years
Coming up this Wednesday! 🚨 If you've used my starter, this will help you use it to the fullest potential. However, if you aren't convinced yet, this might do it. In this post, all features are covered thoroughly as well as my reason for adding them 🚀
Tweet media one
1
6
36
@th_clarence
Clarence
2 years
I just finished rewriting my blog counter from FaunaDB to prisma! 👀 the code improved a lot, it is cleaner and far more readable
Tweet media one
5
0
37
@th_clarence
Clarence
2 years
It's out! 🚨 I covered a lot of development features and automation that can be used to boost our efficiency. This also saves a lot of time in enforcing a certain convention to your co-workers (lint, styling, commit messages, snippets, tests).
3
4
36
@th_clarence
Clarence
2 years
looks like I enjoy writing the most when I'm currently learning that topic I just wrote a swift article in just like 3 days. Available this afternoon! A new blog audience, are there any swift peeps here? 🤔
Tweet media one
2
4
32
@th_clarence
Clarence
3 months
had great talks with @christianreber at dubai!
Tweet media one
2
0
34
@th_clarence
Clarence
3 years
You get UX, you get UX, everybody gets UX! Finally got the table–of–content to scroll into view 👀 Code is still accessing documents tho, do we really have to use ref? The snippet is in the comment section. Feedback pls
3
1
32
@th_clarence
Clarence
2 years
Just had another great chat with @allysedotdev Allyse is a genuine person and it was an awesome chat. Good luck with your future endeavors! 💪 It's the second time I have ever chatted with someone I know from Twitter, and it is super fun to do this! 🙌
Tweet media one
2
1
32