23 replies

Should I condense my hooks output array?

Hey guys,

so I have my useValidation function and it returns the following array.

return [sync, isPropertyValid, watch, update, focus];

return [sync, isPropertyValid, watch, update, focus];

So 5 items in the array, but it seems like generally speaking the first 2 are the ones most frequently used like so

export default function Home() {
  const [syncInput, isPropertyValid] = useValidation(AccountValidation);

  return (
    <>
        <input
          {...syncInput("username")}
          style={{
            border: !isPropertyValid("username")
              ? "thick double red"
              : "thick double rgba(0,0,0,0)",
          }}
          type={"text"}
          placeholder={"Enter your name"}
        />
    </>
  );
}

export default function Home() {
  const [syncInput, isPropertyValid] = useValidation(AccountValidation);

  return (
    <>
        <input
          {...syncInput("username")}
          style={{
            border: !isPropertyValid("username")
              ? "thick double red"
              : "thick double rgba(0,0,0,0)",
          }}
          type={"text"}
          placeholder={"Enter your name"}
        />
    </>
  );
}

Should I condense my 5 item array into something smaller like this

const actions = {watch, update, focus}

return [sync, isPropertyValid, actions];

const actions = {watch, update, focus}

return [sync, isPropertyValid, actions];

Or do you think its better to leave it as 5?

TTC

Theo's Typesafe Cult•3y ago•

23 replies

MagerX

Should I condense my hooks output array?

Hey guys,

so I have my useValidation function and it returns the following array.

return [sync, isPropertyValid, watch, update, focus];

return [sync, isPropertyValid, watch, update, focus];

So 5 items in the array, but it seems like generally speaking the first 2 are the ones most frequently used like so

export default function Home() {
  const [syncInput, isPropertyValid] = useValidation(AccountValidation);

  return (
    <>
        <input
          {...syncInput("username")}
          style={{
            border: !isPropertyValid("username")
              ? "thick double red"
              : "thick double rgba(0,0,0,0)",
          }}
          type={"text"}
          placeholder={"Enter your name"}
        />
    </>
  );
}

export default function Home() {
  const [syncInput, isPropertyValid] = useValidation(AccountValidation);

  return (
    <>
        <input
          {...syncInput("username")}
          style={{
            border: !isPropertyValid("username")
              ? "thick double red"
              : "thick double rgba(0,0,0,0)",
          }}
          type={"text"}
          placeholder={"Enter your name"}
        />
    </>
  );
}

Should I condense my 5 item array into something smaller like this

const actions = {watch, update, focus}

return [sync, isPropertyValid, actions];

const actions = {watch, update, focus}

return [sync, isPropertyValid, actions];

Or do you think its better to leave it as 5?

Should I condense my hooks output array?

Similar Threads

Should I condense my hooks output array?

Similar Threads

Similar Threads

Similar Threads