allow certain hooks to be used in before or after certain other hooks, but not at any place

[simonseyock]

For my program I have made the distinction between hooks that provide state (like useState), that consume state (like useEffect) and ones that do both (useCallback or useMemo).

For the first and second group the order can be static, but for the third one I could need to call useCallback before useMemo or vice versa. Because they can use each other as dependencies:

const memoized = useMemo(() => (/* ... */), []);
const callback = useCallback(() => (/* ... */), [memoized]);
// vs
const callback = useCallback(() => (/* ... */), []);
const memoized = useMemo(() => (/* ... */), [callback]);

For these two hooks it may seem a little constructed, but for other (custom) hooks this will be important.

I would wish I could specify an array inside the groups config so I can order these specific functions as I like, but not at any place in the file. The config could look like this:

'hooks/sort': [2, {
  groups: [
    'useState',
    ['useMemo', 'useCallback'],
    'useEffect'
  ]
];