Articles

Nov 26 2023

How To Get Current Path In Next 13

Get the current path in next 13 using the usePathname hook and detect changes in URL

Nov 26 2023

How To Use Sass Variables In Next 13 Components

Use SASS and SCSS variables in Next 13 components with the help of :export selector.

Nov 26 2023

Disable Scroll Restoration in Next 13

Disable Scroll Restoration in Next 13 for Link component and useRouter hook methods

Nov 26 2023

React Counter App Without JSX, Babel, Parcel, and Webpack

Let's create a react counter app without JSX, babel and any bundler such as webpack or parcel.

Nov 26 2023

TypeScript Generics: Passing Type

Typescript generics are types that allow us to pass types to another types, enabling reusable functions and classes with type-safety

Nov 26 2023

ReactNode vs ReactElement

ReactNode and ReactElement is different types in react with typescript representing various content as children prop

Nov 26 2023

Nested Routes With React Router V6

Nested routes in React with React router v6 allow fragments to be injected into the page and changed URLs at the same time without completely redirecting the user to another page

Nov 25 2023

React Dark Mode With Tailwind CSS

Add dark mode to react application with Tailwind CSS and control the theme preference with Toggle Switch

Nov 25 2023

How To Detect Swipe Gestures With JavaScript

How to Detect swipe gestures in mobile devices with javascript using touchstart, touchmove and touchend event listeners.

Nov 25 2023

Javascript Reduce Array Method

The JavaScript reduce() array method is a higher-order function that iterates over an array and reduces it to a single value

Previous 8 9 10 11 12 Next