Member Exclusive

Learn Advanced React Hooks In 35 Minutes

Next.js React

September 27, 2025

There are tons of hooks in React and many of them are quite complicated. In this video I will be showing you 4 advanced hooks (useReducer, useRef, useLayoutEffect, and useContext) as well as showing you how to create custom React hooks. I will also be talking about tons of best practices around when and why you would want to use each hook.

🔗 Links

React Hooks Crash Course: https://frontendmasters.com/tutorials/webdevsimplified/react-hooks/

Learn Advanced React Hooks In 35 Minutes

Basic React Hooks Crash Course (useState, useEffect, useMemo, useCallback)

Handle Next.js Data Access Like a Senior Dev

How I Built My Own Shadcn Library

Shadcn Finally Has MultiSelect!

Stop Writing Bad Abstractions - Clean Code Tips That Work

Vitest Crash Course

Basic React Hooks Crash Course (useState, useEffect, useMemo, useCallback)

Handle Next.js Data Access Like a Senior Dev

NEW Next.js TypeScript Features

How To Create An Animated Image Carousel With CSS/JavaScript

Learn Intersection Observer In 15 Minutes

Mutation Observer Is Unbelievably Powerful

This Simple Trick Makes Your Website Better Looking

How To Create A Search Bar In JavaScript

Stop Wasting Your Time - Use These 16 JS Utility Functions Instead

Learn Debounce And Throttle In 16 Minutes

How To Send Push Notifications With JavaScript

How To Load Images Like A Pro

Go Concurrency Explained: Go Routines & Channels

Basic React Hooks Crash Course (useState, useEffect, useMemo, useCallback)

Everything You Need To Know About Accepting Payments with Stripe

npm for Absolute Beginners

Create a navigation blob that tracks your mouse with CSS-only

Full-screen, Animated Navigation Menu

How To Handle Permissions Like A Senior Dev

JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue

JavaScript Promises from Scratch

Spice up user interactions with same-document view transitions

Vitest Crash Course