React


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

React with TypeScript or JavaScript — Which Side are You on?

JavaScript is the beloved child of frontend development, but TypeScript is the father of this beloved child. Learn to embrace it and get ahead in 2022.

reacttypescriptjavascript

Build Your React Component Library with TypeScript and Rollup

A simple guide on building your React Component Library to save precious development time.

reacttypescriptrollup

Animating SVGs as React Components

Learn how to edit your favorite SVG in Figma and render it as a React component, to animate it using CSS.

reactjavascriptprogramming