Code Smarter, Not Harder.

Need code that works? Grab a snippet. Made something cool? Share it back. Simple as that.

import { useRef, useEffect, RefObject } from "react";
 
function useClickOutside(handler: () => void): RefObject<HTMLDivElement> {
  const ref = useRef<HTMLDivElement>(null);
 
  useEffect(() => {
    const handleClickOutside = (event: MouseEvent) => {
      if (ref.current && !ref.current.contains(event.target as Node)) {
        handler();
      }
    };
 
    document.addEventListener("mousedown", handleClickOutside);
    return () => document.removeEventListener("mousedown", handleClickOutside);
  }, [handler]);
 
  return ref;
}
 
const ref = useClickOutside(() => setDropdownOpen(false));
 
return (
  <div ref={ref}>
    {dropdownOpen && <p>Dropdown Content</p>}
  </div>
);

useClickOutside

Features

Explore the powerful features that make SnipNest an awesome platform.

super-cool-snippet.mdx Submit Snippet

1234567

Open-source

Easily fork, edit, and submit code snippets. Share your work with the community in just a few clicks.

chunk arr

function chunkArray(array, size) {
  return Array.from({ length: Math.ceil(array.length / size) }, (_, i) =>
    array.slice(i * size, i * size + size)
  );
}
 
const numbers = [1, 2, 3, 4, 5, 6, 7];
chunkArray(numbers, 3); // [[1, 2, 3], [4, 5, 6], [7]]

Find Snippets Fast

Quickly filter through a vast collection of code snippets. Get the perfect code for your project every time.

chunk arr

Code Editor Integration

Access and insert your saved snippets directly within your code editor. Boost your productivity without leaving your workspace.

Looks good to me!

Awesome work, we should add this.

Pull request successfully merged and closed

function chunkArray(array, size) {
  return Array.from({ length: Math.ceil(array.length / size) }, (_, i) =>
    array.slice(i * size, i * size + size)
  );
}
 
const numbers = [1, 2, 3, 4, 5, 6, 7];
chunkArray(numbers, 3); // [[1, 2, 3], [4, 5, 6], [7]]

Community Driven

Help improve the platform by contributing snippets and collaborating with other developers.