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
Understanding Swift's Value and Reference Types
8 min read––– viewsMay 10, 2022
In-depth explanation of Swift's value and reference types.
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
SeasForUs
Find beach clean-up events in your local coastal area. Built for GarudaHacks 2.0
See more →
PPDB Sumatera Selatan
A website to facilitate students from Sumatera Selatan to register to local high school.
See more →
Side Projects
Simple projects that I built to fix small problems I found everyday.
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