GSAP WITH REACT

https://greensock.com/react-basics

Comments

Post a Comment

Popular posts from this blog

Basics

Image
https://leetcode.com/problems/palindrome-linked-list/description/ https://www.w3schools.com/jsref/jsref_slice_array.asp   const arr=[1,2] ; console.log(arr.reverse().join()===arr.join()); ChatGPT The expression arr.reverse() reverses the order of elements in the arr array in place, meaning it modifies the original array. The arr.join() method converts the elements of the array into a string, with each element separated by a comma by default. In the given code, arr.reverse().join() returns a string representation of the reversed array. However, the original arr array has also been reversed because the reverse() method modifies the array directly. Therefore, arr.reverse().join() === arr.join() will evaluate to true because both sides of the comparison refer to the same array that has been reversed and then converted to a string. const newarr =arr; return newarr.reverse().join()===arr.join() ; ChatGPT In the code you provided, newarr is assigned the reference to the arr ...
Read more

Countdown Timer in React

Image
  https://www.youtube.com/watch?v=v iwSxuaAtbo https://countdown-timer-vert-phi.vercel.app/ import { useEffect, useState } from "react"; type TimerProps = { duration: number; onExpired: () => void; }; const Timer = ({ duration = 60000, onExpired }: TimerProps) => { const [time, setTime] = useState(duration); const SEC = 1000; const MIN = 60 * SEC; const HOUR = 60 * MIN; const DAY = 24 * HOUR; useEffect(() => { const timerId = setTimeout(() => { if (time <= 0) { clearTimeout(timerId); onExpired && onExpired(); } else { setTime((time) => time - 1000); } }, 1000); return () => { clearTimeout(timerId); }; }, [time]); const getFormattedTime = (getTime: number) => { const day = Math.floor(getTime / DAY); const hour = Math.floor((getTime % DAY) / HOUR); const minute = Math.floor((getTime % HOUR) / MIN); const second = Math.floor((getTime % M...
Read more

4048

  $ npm i npm WARN cleanup Failed to remove some directories [ npm WARN cleanup   [ npm WARN cleanup     'C:\\Users\\atyagi581\\Desktop\\SelecfROMlIST\\celestial-ws\\node_modules\\react-scripts', npm WARN cleanup     [Error: EPERM: operation not permitted, rmdir 'C:\Users\atyagi581\Desktop\SelecfROMlIST\celestial-ws\node_ modules\react-scripts\node_modules'] { npm WARN cleanup       errno: -4048, npm WARN cleanup       code: 'EPERM', npm WARN cleanup       syscall: 'rmdir', npm WARN cleanup       path: 'C:\\Users\\atyagi581\\Desktop\\SelecfROMlIST\\celestial-ws\\node_modules\\react-scripts\\node_mod ules' npm WARN cleanup     } npm WARN cleanup   ], npm WARN cleanup   [ npm WARN cleanup     'C:\\Users\\atyagi581\\Desktop\\SelecfROMlIST\\celestial-ws\\node_...
Read more