Clarence @th_clarence Twitter profile

Pinned Tweet

Clarence

@th_clarence

1 year

how it started vs how it's going 🚀🤣

25

90

1K

Last Seen Profiles

@Mbahmaryono77

@RodadaCDMX

@DontBsoSeriouss

@stw_pdg

@HyperAlone

@MB53322337

@stwmaniax

@penikmatt_ibu

@bokeplokalmalam

@pencariSTW69

@FtDbbgz0UxOQEXC

@Binor_stw69

@faisel_n

@DeborahShaye549

@BinorRaja

@stwmaniax

@hirahirata_ko

@AH1_2026

@JYUAJ

@penikmatt_ibu

@bokeplokalmalam

@VmaniakJ

@roboticgeo

@james4rockville

@thebadstats

@moonselene

@futfemx

@umashi3manga

@Lu_Ghost_51129

@HashMixOfficial

@_AmGAITH

@amano_x_0

@tobxat

@Nusakan007

@MrBaddeley

Clarence

@th_clarence

11 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

Biji Besi Olahan

@irwndfrry

11 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

272

3K

24

94

1K

Clarence

@th_clarence

3 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)

34

141

984

Clarence

@th_clarence

3 months

Git Rebase #1 🇮🇩 Kita akan belajar cara pake git rebase --interactive. Total akan ada 6 video yang akan direlease setiap hari di thread ini. Stay tuned!

4

88

702

Clarence

@th_clarence

2 years

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 👇

5

52

425

Clarence

@th_clarence

2 years

I have an old website that's still indexed in google, and I want it to be removed Here's what I did 🧑‍💻

6

37

350

Clarence

@th_clarence

2 years

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

305

Clarence

@th_clarence

7 months

dimension lagi open position u/ full-stack engineer, design lead, dan AI engineer salary start ~60 jutaan per bulan👇

Tejas

@suptejas

7 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

32

204

14

27

247

Clarence

@th_clarence

11 months

mulai terlihat work-life balance

2

7

240

Clarence

@th_clarence

3 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👇

2

31

228

Clarence

@th_clarence

2 years

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

2

14

224

Clarence

@th_clarence

3 months

Git Rebase #3 🇮🇩 Kenapa sih kalo abis rebase, itu harus di push force? ⚠️ Bagian ini lumayan kompleks, pelan" nontonnya Ini harusnya part terakhir, tapi karena penting kita majuin ke part 3

3

24

229

Clarence

@th_clarence

2 years

🤩🤩

10

5

215

Clarence

@th_clarence

2 years

Introducing Hexcape, my final project in the Apple Developer Academy. a thread

6

22

207

Clarence

@th_clarence

1 year

[Open Paid Mentorship] Hai guys, jadi aku mau open mentorship untuk frontend development React. Namanya 'Revision-Style Mentorship' (Details in thread)

3

24

185

Clarence

@th_clarence

8 months

I wrote a new article about advanced react patterns, will be posted monday 👀

7

3

170

Clarence

@th_clarence

2 years

Have you ever wondered if one way of import is more performant than the other?

6

16

170

Clarence

@th_clarence

2 years

The academy’s desk set up is to die for 😩 damn, my standard is too high now

7

9

162

Clarence

@th_clarence

1 year

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 ✨

21

3

160

Clarence

@th_clarence

8 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 👇👇

10

30

165

Clarence

@th_clarence

3 years

🔥 v1 is released 🔥 It is fully TypeScript with awesome new features. I'll mention the overview on the thread 👇

7

23

153

Clarence

@th_clarence

2 years

this is harder than expected, ended up using a component that calls itself

19

1

144

Clarence

@th_clarence

10 months

best thing about remote working is that I can justify this as working expense 👀 details on

Clarence

@th_clarence

10 months

a snap of current setup before an upgrade soon 👀

7

0

28

10

8

143

Clarence

@th_clarence

2 years

We’re on detik!

Hexcape, Game Besutan Cah Surabaya yang Siap Mendunia

Hexcape mendapat spotlight di Apple Developer Academy 2022. Menggabungkan board game online dan offline, aplikasi ini bertekad ingin mendunia.

inet.detik.com

1

10

139

Clarence

@th_clarence

3 months

Git Rebase #2 🇮🇩 2 command pertama di rebase interactive adalah pick & drop. command drop untuk ngehapus commit dari branch. Kalo pick mirip kaya cherrypick, tapi kita bisa taro dimana aja Urutan pick juga bisa diubah" ya

3

17

140

Clarence

@th_clarence

2 years

Are you familiar with this React Error? Here's something that might help you understand ✨

3

11

134

Clarence

@th_clarence

2 years

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

135

Clarence

@th_clarence

3 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

131

Clarence

@th_clarence

10 months

You might've been creating react components incorrectly 😲. Is it fully reusable or barely? Find more on my blog!

How to Create Fully Reusable React Components | theodorusclarence.com

Creating a component is fairly easy, but doing them correctly is a different story.

theodorusclarence.com

6

29

122

Clarence

@th_clarence

9 months

anybody know a Nodejs backend engineer with a kick-ass portfolio?

18

16

126

Clarence

@th_clarence

2 years

Intro tentang data fetching di Next.js. More parts are coming daily! Content in Bahasa Indonesia 🇮🇩

1

16

121

Clarence

@th_clarence

2 years

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

5

14

114

Clarence

@th_clarence

3 months

getting an endoscopy tomorrow WFH stands for work from hospital 😎

17

1

112

Clarence

@th_clarence

6 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.

1

9

112

Clarence

@th_clarence

3 years

5 Great VSCode Extensions 💡 Not the overshared list (prettier, eslint, gitlens, etc). I promise. 👇

2

21

107

Clarence

@th_clarence

3 years

8 years and finally retiring! what a beast

6

3

104

Clarence

@th_clarence

8 months

useState sometimes is overused, there will be a case where you can just use Derived State

2

13

106

Clarence

@th_clarence

3 years

73 → 3811 building projects is the fastest way to learn

3

9

105

Clarence

@th_clarence

3 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

103

Clarence

@th_clarence

6 months

i’m genuinely shocked

8

3

103

Clarence

@th_clarence

2 years

[🇮🇩] 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

97

Clarence

@th_clarence

3 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

5

16

88

Clarence

@th_clarence

8 months

so I bought an upgrade 👀

6

1

94

Clarence

@th_clarence

2 years

well, in case you're on fire...🔥

4

11

89

Clarence

@th_clarence

1 month

I love being a software engineer coding is like solving hundreds of mini puzzle, when it works they give you dopamine hit even if you are numbed by the repetitive task, you still feel good because you can now center a div without thinking

3

8

89

Clarence

@th_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!

5

25

85

Clarence

@th_clarence

10 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 ✍️

1

5

88

Clarence

@th_clarence

3 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

Clarence

@th_clarence

8 months

In this article, I covered 4 patterns: - Component with Context - Function as Child - Forward Ref - Higher-Order Components Enjoy!

Advanced React Patterns | theodorusclarence.com

List of react advanced patterns complete with examples.

theodorusclarence.com

0

9

86

Clarence

@th_clarence

8 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! 🔥

3

83

Clarence

@th_clarence

2 years

made this with React & Tailwind CSS 🤯 credit goes to @linear and @Hyperplexed

3

4

82

Clarence

@th_clarence

9 months

over-engineering my blog's like button 👀

3

2

83

Clarence

@th_clarence

7 months

🧑‍🍳

3

1

80

Clarence

@th_clarence

11 months

github event at microsoft indonesia!

3

1

72

Clarence

@th_clarence

1 year

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.

GitHub - theodorusclarence/ts-nextjs-tailwind-starter: 🔋 Next.js + Tailwind CSS + TypeScript...

🔋 Next.js + Tailwind CSS + TypeScript starter and boilerplate packed with useful development features - theodorusclarence/ts-nextjs-tailwind-starter

github.com

1

8

75

Clarence

@th_clarence

2 years

building ✨dynamic form✨ with default values from backend API data is hella complicated 💀 but very fun👍 using @HookForm

4

3

75

Clarence

@th_clarence

2 months

masuk tipi

Dimension

@joindimension

2 months

Action Bar The fastest way to action from anywhere - without context-switching. Coming soon. Get early access at .

4

28

207

5

0

72

Clarence

@th_clarence

3 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

72

Clarence

@th_clarence

2 months

When should we do test in frontend? One of them is: We have a lot of edge cases, and we don't want to test them manually If the requirements change in the future and someone has to refactor, they won't accidentally miss the edge cases.

2

7

70

Clarence

@th_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

3

2

67

Clarence

@th_clarence

2 years

I forgot I receive this pack when I was out of town 😅

5

0

64

Clarence

@th_clarence

6 months

we looked like confused engineers

3

1

63

Clarence

@th_clarence

8 months

new blog & demo about (advance) react patterns soon 👀 hopefully can be done up until next week

2

3

65

Clarence

@th_clarence

7 months

I did a thing

11

1

64

Clarence

@th_clarence

3 months

Git Rebase #4 🇮🇩 Kalo pengen rename commit message, bisa pake command reword. Enaknya pake reword, commit manapun bisa direname, ga harus yang paling terakhir.

1

2

62

Clarence

@th_clarence

8 months

udah ngincer untuk kerja remote dari pas semester 4. Have been building online presence (blog, oss, twt) since you reap what you sow

yssej

@jxxxhxxn

8 months

Is there anyone here willing to share their journey of getting their first job? Maybe we can learn from it, thanks in advance

57

152

822

0

2

61

Clarence

@th_clarence

2 years

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 ✍️

4

2

62

Clarence

@th_clarence

1 year

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]

Pertanyaan anonim untuk Theodorus Clarence di TanyaAja.in

Cuplikan dari pertanyaan anonim yang disampaikan kepada Theodorus Clarence

www.tanyaaja.in

1

2

61

Clarence

@th_clarence

2 months

I really enjoy working on this revamp I can now do stuff that I don't know how to 3 years ago

1

59

Clarence

@th_clarence

2 years

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

4

56

Clarence

@th_clarence

2 years

followed a tutorial for this one. It's harder than I thought, the approach is far different from CSS 😬

4

1

52

Clarence

@th_clarence

3 years

5 Tailwind CSS Best Practices I Use (opinionated) 🧵👇

2

16

52

Clarence

@th_clarence

2 years

I'm now writing for LogRocket ✌️ Go check out my very first post!

The biggest Next.js boilerplates of 2023 - LogRocket Blog

Compare the top Next.js boilerplates, including NextJS Starter Boilerplate and TailwindBlog based on stats, tech stacks, and features.

blog.logrocket.com

4

3

50

Clarence

@th_clarence

7 months

pro tip: name your booleans!

1

4

51

Clarence

@th_clarence

4 months

always love it when someone uses my blog design as an inspiration, quite surprised bc this one came through tiktok’s fyp lol

0

51

Clarence

@th_clarence

11 months

motivasi untuk yang sampe sekarang blom nulis technical blog rate 1 artikel di tempat roket" itu UMR 🏃💨

4

2

51

Clarence

@th_clarence

1 year

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!

Tejas

@suptejas

1 year

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

51

388

6

1

49

Clarence

@th_clarence

5 months

we’re so back

2

0

50

Clarence

@th_clarence

3 months

Just wrote a new blog post on creating gradient borders in CSS! ✨ It is unexpectedly hard.

Gradient Border is Unexpectedly Hard | theodorusclarence.com

A simple gradient border is not as simple as it seems.

theodorusclarence.com

3

8

50

Clarence

@th_clarence

1 year

alias gv="gh repo view --web" add this to your config to open GitHub repo straight from your terminal 👍

2

48

Clarence

@th_clarence

7 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!

9

1

49

Clarence

@th_clarence

2 years

[🇮🇩] 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

Clarence

@th_clarence

1 year

I’m joining @joindimension 🚀 ready to build cool stuff with @suptejas

13

0

47

Clarence

@th_clarence

3 months

Git Rebase #6 (Last) 🇮🇩 Terakhir, ini perbedaan rebase fixup dan squash! Beda tipis doang sih, tapi bisa ngehemat waktu dengan cara pilih yang sesuai. Fixup atau squash itu bisa ngebantu banget pas ngegabung"in commit di PR sebelum land ke main (kalo pake sistem linear history)

1

47

Clarence

@th_clarence

1 year

ada yang diinvite juga dan berencana untuk dateng? 👀

7

1

45

Clarence

@th_clarence

2 months

yayy

19

0

47

Clarence

@th_clarence

2 months

working from a cafe is a great way to increase productivity but you need to be alone lol, you get really focused

3

1

46

Clarence

@th_clarence

3 months

Pro tip: Use jsdoc @.see generously, especially in a not so normal condition it's gonna help the next maintainer (could be future you) when updating the code

1

3

46

Clarence

@th_clarence

7 months

berguru dulu @philipyoungg @pveyes

2

1

44

Clarence

@th_clarence

9 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

43

Clarence

@th_clarence

3 months

last sentence hits different, thanks for reading 🫡

0

2

43

Clarence

@th_clarence

3 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

Clarence

@th_clarence

3 years

TIL about permalink in github. We can cleanly insert code snippets using `Copy Permalink`

2

1

40

Clarence

@th_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.