The Archive

Filter through devotional insights, biblical studies, and engineering guidelines.

Web Development

tanstack query simplified

Here I have compiled my understanding of React Query (TanStack Query) over the months and simplified it into my personal study reference. This is mainly written for myself, but I believe it can also serve as a good starting guide for someone who is new to learning TanStack Query.

KUZUE15 min read
Web Development

# Understanding useTransition()

Normally, all state updates in React are urgent. If you click a button or type in an input and it triggers a slow render, the browser freezes until the render is complete. useTransition fixes this by making updates "non-urgent" (interruptible).

KUZUE4 min read
Web Development

# React Memoization and cache(): My Personal Reference Guide

React automatically memoizes fetch() GET requests during a render. This means that if the same fetch() request is made multiple times with the same arguments within the same render, React performs the network request only once and reuses the result for subsequent calls.

KUZUE2 min read
Understanding GitHub OAuth Authentication in Next.js (Part 1)
Web Development

Understanding GitHub OAuth Authentication in Next.js (Part 1)

In this article, we'll build GitHub OAuth Authentication from scratch without relying on authentication libraries like Auth.js or NextAuth. The goal is not just to get it working, but to understand what actually happens behind the scenes whenever a user clicks "Continue with GitHub".

KUZUE4 min read
Web Development

Understanding GitHub OAuth Authentication in Next.js (Part 2)

In the previous article, we built the authorization route and redirected users to GitHub for authentication. Now we'll handle the callback from GitHub, exchange the authorization code for an access token, retrieve the user's information, create or link the account in our database, and finally create a session.

KUZUE7 min read