DEV Community

Cover image for React-contexify v6 is live!
Fadi Khadra
Fadi Khadra

Posted on

1

React-contexify v6 is live!

Never heard of react-contexify before? Go check the demo

React-contexify let you add a context menu (right click) to your react app with ease.
It comes with a lot of features: prevent menu from going off screen, keyboard shortcut, keyboard navigation, custom positioning, subemnu support, super easy to customize, etc...

It can even be used to be simple dropdown 😆.

react-contexify dropdown

React-contexify is the first react library I've open sourced, it was also my sandbox when learning react. I'm super excited by this release!

New features in v6

  • Allow to disable boundaries check
  • Allow to disable preventDefault on key down
  • Add support for hidden property to Separator
  • Add visual feedback when item is clicked
  • Easy customization thanks to css variables. Check out the theme builder
  • Keyboard shortcut made easy! A keyMatcher prop has been added to the Item component.

Despite adding new features, the library size decreased from 3.4Kb to 3.1Kb 💪.

Migrating from an older version?

If you are migrating from an older version, you can follow this guide

Happy coding!

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay