Last week
- A collection of battle-tested React hooks that I've used in various projects over the years....
- React just released the new version 19.2.0 which brings several new features including the new [useEffectEvent](https://react.dev/reference/react/useEffectEvent) hook. The doc says that it is a React Hook that lets you extract non-reactive logic from your Effects into a reusable...
Two weeks ago
- TLDR: I built a simple & fun game using React Native, try it out on iPhone and iPad! In the Beginning…. My kids are 7 & 9 as I write this in 2025, but 6 years ago in 2019 they loved a simple little bubble popping app on my phone, and I thought it’d be … Continue reading Super...
about 1 month ago
- The Bahmni open-source hospital management system was began over nine years ago with a front end using AngularJS and an OpenMRS REST API. Rahul Ramesh wished to convert this to use a React + TypeScript front end with an HL7 FHIR API. In exploring how to do this modernization he...
about 2 months ago
- Discover how to effectively type the useRef hook in TypeScript for React applications that require imperative DOM manipulation. Learn best practices, common pitfalls, and practical examples, such as controlling the focus state of an input element....
- Just updated my open source React hook [useResettableActionState](https://github.com/nicnocquee/use-resettable-action-state). At the beginning, I made it to allow me to [reset the state after submitting the form using useActionState](/blog/reset-state-from-react-useactionstate)....
- As a project grows, the codebase inevitably becomes more complex. This is where the concept of clean code comes in. Clean code is a set of principles and practices that help developers write code that is easy to understand, maintain, and extend. In React, the complexity of a...
3 months ago
- 1. Duplicating Server State with useState The Problem: You're storing server data in local state and trying to update it manually for optimistic updates. // ❌ Don't do this function UserProfile({ userId }) { const [user, setUser] = useState(null); ......
- Phase 1: Project Setup 1.1 Initialize the Project # Create project directory mkdir my-react-library cd my-react-library # Initialize with pnpm pnpm init 1.2 Install Dependencies # Install React as peer dependencies (users will provide these) pnpm a......
- What is viewBox Animation? viewBox = your camera lens The circle is always at coordinate (50,50) with radius 20. The circle never moves. But when you animate viewBox, you're chan......
- Ever since Next.js supported React Server Components, I've been using them in my projects. I really enjoy using them because it just makes sense. Every component that needs data from the server doesn't need to fetch the data from the browser. Less code, less complexity, fewer...
4 months ago
- In the last post, I wrote about [Async Local Storage](/blog/async-local-storage-to-prevent-props-drilling) and how it can be used to prevent prop drilling in Next.js Route Handlers because it acts like context in React. In React, you can have multiple contexts to keep the code...
- Personal update post....
- Link: AI Focus I've launched a new blog. It's called AI Focus, and it's dedicated to exploring the intersection of artificial intelligence and web development. My goals of the blog is to cover a range of topics that I think are going to affect the web and web development in the...
- A layered module system....
- My article on creating a React + Flask project is one of the most visited on this blog. Can you believe that I wrote it over 5 years ago? In this article and video I'm going to share how I'm building this type of project in 2025. The main change I've introduced since I...
- One does not simply serialize a module....
5 months ago
- You wouldn't download a site....
- Islands, but make it fractal....
- Multistep forms a.k.a. wizard or funnel forms have a wide range of uses. They are most common when collecting different types of information into one data structure but are also useful to break down very large forms into the less user-intimidating multistep process. In this...
6 months ago
- Two worlds, two doors....
- Composing across the stack....
- Turning your API inside-out....
- Two things, one origin....
Rows per page
