JavaScript

React TypeScript CheatSheet

Typescript cheat sheet for react functional components. useRef const divRef = useRef<HTMLDivElement>(null); setState const SkillSection = ({setScrollDuration} : {setScrollDuration: (value: number) => void}) =>... Read more »

Next Router – Reference

Next JS Routing examples Router.push import React from 'react' import { useRouter } from "next/router"; const Members = () => { const router =... Read more »

Supabase Auth: Get Currently logged user id

Get the user id of current active user in supabase. Supabase auth logged user's id get. Supabase next js code to get current logged... Read more »

How to Import Images in React

How to import an image in React JS project. Using an image in React App code. Read more »

JavaScript: Extracting ID from URL – Splitting Strings

How to extract an ID from a given URL in Node JS App? Get ID from GET request in node js app. Splitting a... Read more »

React JS: Create utility functions formatting currency

How to format currency in React JS App. Create Utility functions in React app for formating the currency data for shopping cart apps etc.... Read more »

React Bootstrap – Card with Image and Title Example Code

Create a card with a title using bootstrap CSS in React. React bootstrap card example code - card with image and title. Rendering multiple... Read more »

React JS: Import and use JSON data from .json File

How to import JSON file data in React JS APP. Get data from json file and render inside react component example code. data/items.json [... Read more »

React JS: Navbar component with links, Cart icon Code – Bootstrap

Navbar component code for React JS Apps. React Navbar with links to different components using react-router. Navbar with cart icon button. NavBar.tsx import {... Read more »

Cart Button Icon SVG Code, React JS Example Shopping Cart

SVG code of cart icon for a shopping cart. Cart icon code for React App example. Shopping cart icon for web apps SVG code... Read more »