reflect

@efector/reflejar

☄️ Adjunte las tiendas efectoras para reaccionar componentes sin ganchos.

Instalar

npm install @effector/reflect
# or
pnpm add @effector/reflect

Comenzando | Documentos de API

Motivación

¿Cuál es el punto de reflexión?

Es el diseño de API que, utilizando el patrón clásico de tipo HOC, le permite escribir componentes React con efector de una manera eficiente y compuesta.

 import { reflect , variant } from '@effector/reflect' ;

export function UserForm ( ) {
  return (
    < FormCard >
      < Name />
      < LastName />
      < SubmitButton />
    </ FormCard >
  ) ;
}

const Name = reflect ( {
  view : Input ,
  bind : {
    value : model . $name ,
    onChange : model . nameChanged ,
  } ,
} ) ;

const LastName = reflect ( {
  view : Input ,
  bind : {
    value : model . $lastName ,
    onChange : model . lastNameChanged ,
  } ,
} ) ;

const SubmitButton = reflect ( {
  view : Button ,
  bind : {
    type : 'submit' , // plain values are allowed too!
    disabled : model . $formValid . map ( ( valid ) => ! valid ) ,
    onClick : model . formSubmitted ,
  } ,
} ) ;

Aquí hemos separado este componente en piezas pequeñas, que se crearon de manera conveniente utilizando operadores reflect , que es una descripción muy simple de la asignación props -> values , que es más fácil de leer y modificar.

Con @effector/reflect , nuestra actualización $formValid solo hará que se vuelva a renderizar el Button SubtButton, y para todas las demás partes de nuestro <UserForm /> habrá literalmente un trabajo de reacción cero .

Para obtener más información, lea el artículo de motivación completa.

Proceso de lanzamiento

1. Mira el lanzamiento del draft.
2. Todos los PR deben tener etiquetas correctas y títulos útiles. Puede revisar las etiquetas disponibles aquí.
3. Actualice las etiquetas para PRS y títulos, luego ejecute manualmente la acción de lanzamiento Drafter para regenerar el lanzamiento del draft.
4. Revise la nueva versión y presione "Publicar"
5. Si es necesario, verifique "Crear discusión para esta versión"