Advanced React Blogs

Amrit Alok

1 min readNov 13, 2022

This page lists how to use React effectively and also how react works internally.

React as a UI Runtime

Most tutorials introduce React as a UI library. This makes sense because React is a UI library. That's literally what…

overreacted.io

How to use useEffect

A Complete Guide to useEffect

You wrote a few components with Hooks. Maybe even a small app. You're mostly satisfied. You're comfortable with the API…

overreacted.io

How to use useContext hook effectively

How to use React Context effectively

In Application State Management with React, I talk about how using a mix of local state and React Context can help you…

kentcdodds.com

Virtual Dom Explained

Get Amrit Alok’s stories in your inbox

Join Medium for free to get updates from this writer.

Remember me for faster sign in

Optimizing React: Virtual DOM explained-Martian Chronicles, Evil Martians' team blog

Learn about React's Virtual DOM and use this knowledge to speed up your applications. In this thorough…

evilmartians.com

How to use TypeScript with useState

Wrapping React.useState with TypeScript

I made a useDarkMode hook that looks like this: Then it is used like this: This works great, and powers the "dark mode"…

kentcdodds.com

When to use useMemo and useCallback?

When to useMemo and useCallback

Here's a candy dispenser: Here's how it's implemented: Now I want to ask you a question and I want you to think hard…

kentcdodds.com

React.memo to optimize renders

How to write a React component in TypeScript

How to write a React Component in TypeScript

Here's our component without types: Right there you may notice we do things a little differently. Maybe you prefer this…

kentcdodds.com

Advanced React Blogs

React as a UI Runtime

Most tutorials introduce React as a UI library. This makes sense because React is a UI library. That's literally what…

A Complete Guide to useEffect

You wrote a few components with Hooks. Maybe even a small app. You're mostly satisfied. You're comfortable with the API…

How to use React Context effectively

In Application State Management with React, I talk about how using a mix of local state and React Context can help you…

Get Amrit Alok’s stories in your inbox

Optimizing React: Virtual DOM explained-Martian Chronicles, Evil Martians' team blog

Learn about React's Virtual DOM and use this knowledge to speed up your applications. In this thorough…

Wrapping React.useState with TypeScript

I made a useDarkMode hook that looks like this: Then it is used like this: This works great, and powers the "dark mode"…

When to useMemo and useCallback

Here's a candy dispenser: Here's how it's implemented: Now I want to ask you a question and I want you to think hard…

How to write a React Component in TypeScript

Here's our component without types: Right there you may notice we do things a little differently. Maybe you prefer this…

Written by Amrit Alok

No responses yet

More from Amrit Alok

Intersection Observer to implement a progressively render table of Data

I came across a nice problem where the challenge was to load large columns of data. Even though we had pagination enabled and were…

Bloom Filters: Intro to In-Depth Analysis

Bloom Filters are a probabilistic data structure that helps us in determining whether an element is stored in it or not with a degree of…

Recommended from Medium

UI Design Direction 2026–2027

UI is already exploring exciting new directions, but doesn’t need new “morphisms”

How to Become an AI Engineer in 2026: The Complete Learning Roadmap

Whether you’re starting from scratch or transitioning from software engineering, here’s a structured roadmap to learn the skills companies…

Every Frontend Architecture Pattern Explained

One simple idea connects every frontend architecture pattern.

Flutter iOS 27 Compatibility: What Developers Need to Fix

Understand Apple’s UIScene migration, check your AppDelegate, and avoid unexpected launch failures.

What is TanStack Query? Detailed guide to powerful state management

Today, we are going to learn TanStack Query (formerly known as React Query).

React 19 Features That Change Everything

React 19 is not simply an upgrade, it’s a reimagining of UI construction. This is what matters, and how to use it right now.

No responses yet

More from Amrit Alok

Intersection Observer to implement a progressively render table of Data

I came across a nice problem where the challenge was to load large columns of data. Even though we had pagination enabled and were…

Bloom Filters: Intro to In-Depth Analysis

Bloom Filters are a probabilistic data structure that helps us in determining whether an element is stored in it or not with a degree of…

Recommended from Medium

UI Design Direction 2026–2027

UI is already exploring exciting new directions, but doesn’t need new “morphisms”

How to Become an AI Engineer in 2026: The Complete Learning Roadmap

Whether you’re starting from scratch or transitioning from software engineering, here’s a structured roadmap to learn the skills companies…

Every Frontend Architecture Pattern Explained

One simple idea connects every frontend architecture pattern.

Flutter iOS 27 Compatibility: What Developers Need to Fix

Understand Apple’s UIScene migration, check your AppDelegate, and avoid unexpected launch failures.

What is TanStack Query? Detailed guide to powerful state management

Today, we are going to learn TanStack Query (formerly known as React Query).

React 19 Features That Change Everything

React 19 is not simply an upgrade, it’s a reimagining of UI construction. This is what matters, and how to use it right now.