customHooksPattern.js

// example of common basic custom hooks pattern
//
export default function useCounter() {
	const [counter, setCounter] = useState(0);


	useEffect(() => {
    // do something e.g. initialze things
	}, [])

  // this is the api for the hook
	return {
	  counter,     // state property which when changed will trigger rerenders
	  setCounter   // example of api
	}
}