rofrischmann/react-controlled-form

Function createUseField has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function createUseField(resolveProps) {
  return function useField({
    name,
    value = '',
    touched = false,

Function useFormDebugger has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function useFormDebugger(...fields) {
  const isValid = arrayReduce(
    fields,
    (isValid, field) => isValid && field.isValid,
    true

Function useForm has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function useForm(...fields) {
  function touchFields() {
    fields.forEach(field => field.update({ isTouched: true }))
  }

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const lastname = useField({
    name: 'lastname',
    showValidationOn: 'blur',
    validation: {
      'Enter at least 2 characters.': value => value.length >= 2,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const firstname = useField({
    name: 'firstname',
    showValidationOn: 'change',
    validation: {
      'Enter at least 2 characters.': value => value.length >= 2,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const data = arrayReduce(
    fields,
    (data, { name, value }) => {
      data[name] = value
      return data

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    const data = arrayReduce(
      fields,
      (data, { value, name }) => {
        data[name] = value
        return data

• Read up
  Read up