How to integrate third-party React components? about focal HOT 3 CLOSED

Hey @sladiri,

lift is the right way to do it if you want to make an existing component accept reactive props. You can also save a lifted version to a variable so you can use it in a more idiomatic React way:

const LiftedTextInput = lift(TextInput)

    <F.div>
      You have clicked this button {count} time(s).
      <Form onSubmit={...}>
        <LiftedTextInput name={'username'} label={value} />
      </Form>
    </F.div>

from focal.

I found the lift function in your tests now, that would be a second way to do it, if you cannot pass an F component. (Example uses inlined lifted component.)

<F.div>
      You have clicked this button {count} time(s).
      <Form onSubmit={...}>
        {lift(TextInput )({ name: "username", label: value })}
      </Form>
    </F.div>

So I guess that is just the way, somehow you have to lift components to accept observables. :)

from focal.

Thanks, I was just looking at the readme initially. 👍

from focal.