gaurangrshah

function useThrottle(value, interval = 500) {
    const [throttledValue, setThrottledValue] = useState(value);
    const lastExecuted = useRef(Date.now());
    useEffect(() => {
        if (Date.now() >= lastExecuted.current + interval) {
            lastExecuted.current = Date.now();
            setThrottledValue(value);
        }
        else {
            const timerId = setTimeout(() => {

gaurangrshah

function useLocalStorageState(
  key,
  defaultValue = '',
  // the = {} fixes the error we would get from destructuring when no argument was passed
  // Check https://jacobparis.com/blog/destructure-arguments for a detailed explanation
  {serialize = JSON.stringify, deserialize = JSON.parse} = {},
) {
  const [state, setState] = React.useState(() => {
    const valueInLocalStorage = window.localStorage.getItem(key)
    if (valueInLocalStorage) {

gaurangrshah

const delay = (delay, value) => {
  let timeout;
  let _reject = null;
  const promise = new Promise((resolve, reject) => {
    _reject= reject;
    timeout = setTimeout(resolve, delay, value);
  });
  return {
    promise,
    cancel() {

gaurangrshah

// 1. Go to https://analytics.twitter.com/ 

// 2. Keep scrolling till the end until all the stats data is loaded

// 3. Right click on page click on last option "Inspect" a window should open select console from that

// 4. copy this entire function

function dataMiner(){  
        let masterArray = [];

gaurangrshah

const begin = performance.now();

// include the operation you want to measure:
for let(i = 0; i < 100; i++) {
  console.log(i);
}

const end = performance.now();

const timeElapsed = end - begin;

gaurangrshah

  function checkFonts() {
    document.fonts.onloadingdone = function (fontFaceSetEvent) {
      console.log(
        "🚀 ~ file: default.js ~ line 27 ~ checkFonts ~ fontFaceSetEvent",
        fontFaceSetEvent
      );
      alert(
        "onloadingdone we have " +
          fontFaceSetEvent.fontfaces.length +
          " font faces loaded"

gaurangrshah

import { useTheme, useColorMode } from "@chakra-ui/react";

export function useColor() {
  const theme = useTheme();
  const { colorMode } = useColorMode();
  const { mode } = theme.colors;
  return {
    mode: colorMode,
    color: (colorName) => mode[colorMode][colorName],
  };

gaurangrshah

/**
 * A simple method of demonstrating how you can use the Next.js
 * internal API for 'server-less' functions. We export an async function.
 *
 * We import the nodemailer package to handle SMTP transactional mail.
 *
 * In a production environment, you could create a .env.production
 * to hold your secure details, e.g.,
 * HOST, AUTH_USER, AUTH_PASS
 *

gaurangrshah

// pages/api/my-api-call.js
const fetch = require("node-fetch");

export default async (req, res) => {
  try {
    const apiCall = await fetch(`http://api-path?api-key=${process.env.SECRET_KEY}`);
    if (apiCall.response.status === 200) {
      res.status(200).json({});
      res.end();
      return res;

gaurangrshah

j// [page].js

import { Box, Flex, Image } from "@chakra-ui/react";
import { Section } from "@/components/section";
import { getPage, getRecords } from "@/libs/airtable";

const Sandbox = ({ page }) => {
  console.log("🚀 ~ file: sandbox.js ~ line 6 ~ Sandbox ~ page", page);
  return (
    <>