Hi!
You can call me Clarence
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)
9 min read––– viewsSeptember 02, 2021
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
The 2022 Retrospective
6 min read––– viewsDecember 31, 2022
Surabaya, Covid, Apple Developer Academy, Projects and more
How to set up Storybook with Next.js and Tailwind CSS
5 min read––– viewsJanuary 13, 2022
Complete configuration and setup for Storybook with Next.js and Tailwind CSS
React Core Concept I: Rendering & useState
12 min read––– viewsNovember 29, 2021
Do you wonder why do we use hook instead of normal variable? This will help you redefine some concepts.
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 →
Library of Code Snippets
List of code snippets that I store for easy access.
Absolute Import
––– likes•Setting up Absolute Imports with jsconfig
Authentication Context
––– likes•Great way to structure authentication context in React apps.
Conventional Commits Readme
––– likes•Conventional commits documentation for README.md