Functional components

[Mortaro]

copy functional components from the times react knew its place

Implement pure functional components

functional components will receive the global context + inline attributes, but will have no state of its own

discussion: force components to be named functions for the sake of debug sanity

[Mortaro]

#34 Adds support to pure components with the 3 following syntaxes:

const AnonComponent = function(context) {
  return (
    <div data-anon={context.params.works} id={context.id} />
  )
}

function NamedComponent(context) {
  return (
    <div data-named={context.params.works} id={context.id} />
  )
}

const ArrowComponent = (context) => {
  return (
    <div data-arrow={context.params.works} id={context.id} />
  )
}

Functional components are pure and the context is readonly

[Mortaro]

pure functions now receive a proxy so bind is still possible while remaining pure:

export const ArrowComponent = (context) => {
  return (
    <input data-string={context.string} bind={context.string} />
  )
}