React Pens

A collection of pens showing the application of fundamental react hooks and javascript observers.

• The beginnings of a torch that follows mouse movement on a button. Built in React.js. Uses mousemove, useState, useEffect, useRef. See Pen https://codepen.io/somtoChukwun/pen/GRQwKjw

• An svg, progress bar, and scroll study harnessing the custom hooks, useEffect, and useState hooks to create a circular progress bar that updates on scroll. See Pen https://codepen.io/somtoChukwun/pen/MWQrNoq

• This is a useContext study harnessing the useContext hook to create a hamburger navigation menu with toggle functionality. It is built in react. See Pen https://codepen.io/somtoChukwun/pen/RwQjNzM

• Neumorphic container with a progress bar in react. See Pen https://codepen.io/somtoChukwun/pen/vYdWPVE

• A beautiful simple button that ripples on click. The button is built with react using the useEffect, useState, and useRef hooks. See Pen https://codepen.io/somtoChukwun/pen/NWyEbRZ