README.md

React components & custom hooks

This is to keep some react components & custom hooks that could be used in day to day frontend development.

• React components

  • Accordion

  • Autocomplete

  • Carousel

  • Image Carousel II

  • Image Carousel III

  • Star rating

  • Tabs

  • Tag input box

  • Modal

  • Nested comment

  • Nested checkboxes

  • File explorer

  • Memory game

  • Tic tac toe

  • Country capital game

  • OTP input

  • Stepper

  • Timer

  • Stopwatch

  • Phone number input box

  • Progress bar

  • Progress bar II

  • Progress bar III

  • Progress bar IV

  • Transfer list

  • Masonry layout

  • Traffic light

  • Grid light

  • Bar chart

  • Circles

  • Forms

    • Contact form
    • Sign up
    • Flight booker
    • Generate table

  • Like button

• Custom hooks

  • useClickOutside()

  • useDebounce()

  • useSWR()

  • useHover()

  • useFocus()

  • usePrevious()

  • useToggle()

  • useArray()

  • useEffectOnce()

  • useIsFirstRender()

  • useIsMounted()

  • useTimeout()

Run Locally

Clone the project

  git clone https://github.com/sjsouvik/react-components-hooks.git

Install dependencies

  npm install

Start the server

  npm run dev

Now, you can visit http://localhost:5173/ to see the project running locally

License

This repository is MIT licensed

Support

Give it a ⭐ if you like it.