Neurological Phenomenon Multiplexer

    @seolhun/memory-form-hooks
    TypeScript icon, indicating that this package has built-in type declarations

    0.1.4-alpha.0 • Public • Published

    memory-form-hooks

    Goal

    • Memorizing values
    • Time travel changing value
    • Multi support framework

    How to use

    # For React 
    npm install @seolhun/memory-form-hooks

    React

    import { useFormValue, useFormGroup } from '@seolhun/memory-form-hooks';
     
    // FormValue
    const formValue = useFormValue<number>(0, {
      onValidation: (value: number) => {
        if (value > 10) {
          return 'Over 10';
        }
        return '';
      },
    });
    formValue.value(); // 0
    formValue.setValue(11)
    formValue.hasError; // true
    formValue.error; // 'Over 10';
    formValue.toValue().hasError; // true
    formValue.toValue().error; // 'Over 10';
     
    // FormGroup
    interface User {
      name: string;
      age: number;
    }
     
    let user = {
      name: 'seol',
      age: 20,
    };
     
    const formGroup = useFormGroup<User>({
      name: {
        value: user.name,
      },
      age: {
        value: user.age,
        onValidation: (newValue) => {
          if (newValue !== 20) {
            return 'Has Changed';
          }
          return '';
        },
      },
    });
    formGroup.form.name.value(); // 'seol'
    formGroup.form.age.toValue().value; // 20
    Object.assign(user, {
      age: 25,
    });
    formGroup.setValue(user)
    formGroup.form.age.error; // 'Has Changed';
    formGroup.toValue().age.error; // 'Has Changed';

    Keywords

    none

    Install

    npm i @seolhun/memory-form-hooks

    DownloadsWeekly Downloads

    19

    Version

    0.1.4-alpha.0

    License

    MIT

    Unpacked Size

    71.5 kB

    Total Files

    13

    Last publish

    Collaborators

    • seolhun