Creating An Outside Focus And Click Handler React Component — Smashing Magazine
In this article, we’ll look at how to create an outside focus and click handler with React. You’ll learn how to recreate an open-source React component ( react-foco) from scratch in doing so. To get the most out of this article, you’ll need a basic understanding of JavaScript classes, DOM event delegation and React. By the end of the article, you’ll know how you can use JavaScript class instance properties and event delegation to create a React component that helps you detect a click or focus outside of any React component. Oftentimes we need to detect when a click has happened outsid...
Source: smashingmagazine.com