Published onNovember 17, 2024Be careful with useSyncExternalStoredevreactDont't make the same mistake as I did
Published onOctober 31, 2024Instructions for v0 and GPT to generate high quality React codedevaireactThis instructions make v0 a much better code companion
Published onOctober 10, 2024How to prevent re-render in React with Tailwind CSSdevnextjsreacttailwindSometimes all you need is just CSS and HTML. No JavaScript needed.
Published onSeptember 29, 2024SSR-friendly Custom React Hook for Local Storage Read and WritedevnextjsreactI learned something new about window's storage event!
Published onSeptember 28, 2024How to manipulate search params in Next.js easilydevnextjsreactIt's not that simple!
Published onSeptember 24, 2024How to reset the state of useActionState in ReactdevreactIt's kinda weird that the state cannot be reseted easily
Published onSeptember 23, 2024How to protect Next.js App Router's page with authorization checkdevreactnext.jstypescriptWhen we don't want anyone to be able to access the page
Published onSeptember 22, 2024How to create infinite scroll with server action and useActionState in Next.jsdevreactnext.jstypescriptNo fetching, no useState, and no API endpoint
Published onSeptember 10, 2024Interesting behaviour of useTransition in Next.jsdevnextjsreactI just found out about its two use cases
Published onMay 6, 2024How to have animated nav tabs with React and Tailwind CSSdevnextjsreacttailwindJust like the one in Vercel's dashboard
Published onApril 23, 2024You don't need useState in ReactdevreacttypescriptJust like you don't need useEffect
Published onMarch 8, 2024Using generator function in ReactdevnextjsreactTo get sequence of values predictably
Published onMarch 7, 2024The main problem with Next.js 14 nowdevnextjsreactThat makes it feels unstable
Published onFebruary 5, 2024Make CLI app with ReactdevtypescriptreactcliWhy not right? React is cool!
Published onJanuary 16, 2024Understanding dangerouslySetInnerHTML in React: Use Cases and RisksdevtypescriptreactIs it really dangerous?
Published onJanuary 8, 2024Another day, another React Hydration errordevpull-requestreactnext.jstypescriptThis time because of timezone
Published onNovember 11, 2023How to return JSX from React Server Actionsdevpull-requestreactnext.jstypescriptA simple example of how to return JSX from a server action
Published onSeptember 5, 2023Use single state instead of threedevpull-requestreactUse single state instead of multiple states
Published onSeptember 4, 2023Use <Link> instead of router.pushdevpull-requestreactnext.jsIt's better to use Link component when possible in Next.js
Published onSeptember 3, 2023What is Discriminated Union in TypeScript?devpull-requestreactnext.jstypescriptA short example of discriminated union
Published onAugust 21, 2023Early return for unhappy pathdevpull-requestreactnext.jstypescriptA pattern I like is to return early for unhappy paths in a function
Published onAugust 9, 2023Use Tailwind's Arbitrary Variantdevpull-requestreactnext.jstypescripttailwind
Published onMay 5, 2020[Dev Note] Using Environment Variables in NextJS Safely and ConvenientlynextjsdevreactA developer's guide on using environment variables in NextJS effectively, updated for version 9.4.
Published onApril 17, 2020[Dev Note] How to Write Tests for React App ComfortablydevtestreactInsights into comfortable and effective test-writing for React applications, highlighting various use cases.
Published onOctober 6, 2019[Dev Note] Testing React component which contains async codereactdevDiscusses testing React components with asynchronous code, focusing on fetching data upon first component mount.
Published onDecember 2, 2018Type-Safe Localization for React App Using FlowdevreactDiscusses creating type-safe localization for React apps with Flow, motivated by Switzerland's multilingual context and focusing on popular React internationalization libraries.