Misc
Demo See the Pen Script to add emoticons in input on focused area by Puneet Sharma (@webdevpuneet) on CodePen. Script <script type=”module”> import { createPicker } from ‘https://unpkg.com/picmo@latest/dist/index.js’; let...
Misc
Replicating the functionality of Ctrl++ and Ctrl– using buttons in a browser involves a different approach. You’ll need to simulate the Ctrl key being pressed while clicking the buttons. This isn’t straightforward since simulating system-level key...
GSAP, React
Here is an example of using the GSAP library in REACT using the useGSAP Hook for seamless animation. DEMO See the Pen useGSAP by Puneet Sharma (@webdevpuneet) on CodePen. import React from “https://esm.sh/react”; import ReactDOM from...
React
Here is a simple counter increase decrease example for React Hook – useEffect. useEffect runs at lease once and everytime dependency array changes when the component is loaded or mounted. See the Pen Codepen React Starter Template with Babel Transpiler by Puneet...
React, Starter Templates
Here is a simple program coded using REACT features in Codepen with the help of external react libraries and Codepen’s Babel Transpiler. HTML JS (Babel) import React, { useState, useRef, useEffect } from ‘https://esm.sh/[email protected]’ import ReactDOM...