Hi!
You can call me Clarence
Front-end Engineer at Dimension
I work with React Ecosystem, and write to teach people how to rebuild and redefine fundamental concepts through mental models.
Don't forget to sign my guestbook!
Rebuild your mental model
Mental model
will make front-end development more predictable by seeing how they work fundamentally. In my blog, I'm sharing how I approach something and how my mental model affect my learning about a certain topic.Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)
10 min read––– viewsJuly 20, 2023
Thorough explanation on Next.js data fetching method such as CSR, SSR, SSG, and ISR.
Back To Basic: Mental Model to Understand Flexbox
6 min read––– viewsJuly 19, 2021
These are the mental models that I use to really understand flexbox, and I hope these can help you to understand too.
Featured Posts
Gradient Border is Unexpectedly Hard
4 min read––– viewsJuly 14, 2024
A simple gradient border is not as simple as it seems.
Advanced React Patterns
10 min read––– viewsMarch 03, 2024
List of react advanced patterns complete with examples.
How to Create Fully Reusable React Components
9 min read––– viewsApril 21, 2024
Creating a component is fairly easy, but doing them correctly is a different story.
Featured Projects
Some projects that I'm proud of
Hexcape
A game that combines iOS and physical puzzle game, using 3D, 360 world view, and AR
See more →
Notiolink
Self-hostable branded link shortener built with Next.js & Notion API
See more →
PPDB Sumatera Selatan
A website to facilitate students from Sumatera Selatan to register to local high school.
See more →
Shorts
Short article that's not long enough to be a blog post, usually comes from my personal notes.
Absolute Import
––– views––– likesAuthentication Context
––– views––– likesZSH Configurations
––– views––– likes