Category: React

Posts related to REACT JS – A JavaScript library for building user interfaces.

useGSAP REACT Hook

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 Hooks: useEffect

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...

Codepen React Starter Template with Babel Transpiler

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...

Commonly used hooks in React

React

Some of the commonly used hooks in React are: useState: This hook is used to manage state in functional components. It takes an initial value as an argument and returns an array with the current state value and a function to update the state. useEffect: This hook...

Props vs State in REACT Components

React

Here is an image that lists differences between props and state in REACT Components.

ReactJS CSS Grid Builder

React

Add images of various formats via the buttons in the demo below See the Pen ReactJS CSS Grid Builder – Auto Flow Demo by Puneet Sharma (@webdevpuneet) on CodePen.