DhanteyUD/Periodic-Table

Stars
2
Language
HTML
Created over 2 years ago
Updated almost 2 years ago

DhanteyUD/Periodic-Table

DhanteyUD

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Design of a periodic table. Shows 118 chemical elements

React_useCallback

The React useCallback Hook returns a memoized callback function. Think of memoization as caching a value so that it does not need to be recalculated. This allows us to isolate resource intensive functions so that they will not automatically run on every render.

React_useReducer

useReducer is a method from the React Hooks API, similar to useState but gives you more control to manage the state. It takes a reducer function and initial state as arguments and returns the state and dispatch method: const [state, dispatch] = React.

React-SignUp-Form

Connecting React sign up form to express backend server and Postgres database

Dynamic_Form

Dynamic Sign In and Sign Up animation

React_Memo

React.memo is a function that you can use to optimize the render performance of pure function components and hooks. It was introduced in React v16.6.

Drum-machine

Drum machine is an electronic musical instrument that creates percussion sounds, drum beats, and patterns. Drum machines may imitate drum kits or other percussion instruments, or produce unique sounds, such as synthesized electronic tones.

React_useMemo

useMemo allows you to memoize expensive functions so that you can avoid calling them on every render. You simple pass in a function and an array of inputs and useMemo will only recompute the memoized value when one of the inputs has changed.

React_useRef

The useRef Hook allows you to persist values between renders. It can be used to store a mutable value that does not cause a re-render when updated. It can be used to access a DOM element directly.

React_useContext

useContext hook is used to create common data that can be accessed throughout the component hierarchy without passing the props down manually to each level. Context defined will be available to all the child components without involving “props”.