calmm-js crud form component experiment

form.js

const makeQuery =
  U.pipe( U.template
        , U.flatMapLatest( L.get( [ 0, U.pipe( Req.withParams( url ), Req.getJSON ) ] ) )
        )

const getItem =
  U.view( [ 'response', 'body', L.define( {} ) ] )

export const Edit =
  U.withContext(
    ( { id } ) => {
      const state = U.variable()
      const item = U.view( [ 'item', L.valueOr( {} ) ], state )
      const jsonFieldL = [ 'a', L.json(), L.defaults( {} ) ]

      return (
        <div className="crud-form">
          <LabeledTextInput lens={ [ jsonFieldL, 'b' ] }
                            item={ item }/>
          { U.set( item, getItem( makeQuery( [ { id } ] ) ) ) }
        </div>
      )
    }
  )