React


Meet React useEvent(): The Latest and Greatest React Hook

Hailed as the “missing piece in the original Hooks release”, useEvent() will change the way you write modern React.

reacthooksjavascript

How to Pass Data Between Pages in react-router-dom V6?

3 ways of passing data between pages in react-router-dom V6

reactreact-routerreact-router-dom

Mock Your Hooks to Make Testing Simpler

Mocking with Jest can have a weird learning curve. Let's see how to mock those hooks.

reacttestingjest

Advanced Page Transitions in Next.js with Router Events and GSAP

nextjsreactgsap

Build a Custom Theme Provider Using React's Context API

Add support for switching themes in your React App - no libraries, from scratch, in a simple way. All we need is React's Context API and CSS.

reacttypescriptcss

Advanced TypeScript: Type-Level Nested Object Paths

A Real-world use case of Conditional Types, Type Inference, Template Literal Types, and Recursion.

javascriptreactprogramming

Why you shouldn’t always use “useState”

reactusestatereact-hooks

How to Create a Toggle Button in React Using Conditional Rendering

Create a toggle button to show and hide data using the useState hook.

javascriptreactusestate

Step-by-Step Tutorial: React Redux 2022 with Hooks

Create a store from the ground up and integrate it with hooks.

reactreduxjavascript

The Difference Between useState and useRef in React

useState vs useRef in React: everything you need to know.

web-developmentjavascriptreact