React Adopt Versions Save

Changelog

• Add support to pass a component as mapper value
• Hoisting non-react statics methods from mapper value to Composed component (thanks @russelh15)

import { React } from 'react'
import { adopt } from 'react-adopt'
import { Value } from 'react-powerplug'

const Greeter = ({ render, name }) => render(`Hi ${name.value}`)

Greeter.sayHi = (name) => `Hi ${name}`

const Composed = adopt({
  name: <Value name="John" />
  greet: Greet
})

console.log(Composed.sayHi('John')) // Hi John

const App = () => (
  <Composed>
    {({ greet, name }) => /* ... */ }
  </Composed>
)

Changelog

• Add render prop to composed component (thanks @ctrlplusb for the idea)
• Improve some types

import { adopt } from 'react-adopt'
import { Value } from 'react-powerplug'

const Composed = adopt({
  foo: <Value initial="foo" />
})

const App = () => (
  <Composed render={({ foo }) => /* ... */ } />
)

Changelog

• Feat: add map props feature (1ae14f8)

import { adopt } from 'react-adopt'
import { Value } from 'react-powerplug'

const Composed = adopt({
  greet: <Value initial="Hi" />,
  name: <Value initial="John" />,                                   
},
// mapping props from results
({ greet, name }) => ({
  message: `${greet.value} ${name.value}`,
}))

const App = () => (
  <Composed>
    {({ message }) => /* ... */}
  </Composed>
)

Changelog

• Fix: don't recreate adopt instance in every render (#12)

Thanks @renatorib :v:

Changelog

• Add support for inline composition using <Adopt> component (ac09efe4)

Inline composition

If you dont care about typings and need something more easy and quick, you can choose to use a inline composition by importing <Adopt> component and passing your mapper as prop:

import React from 'react'
import { Adopt } from 'react-adopt'
import { Value } from 'react-powerplug'

const mapper = {
  greet: <Value initial="Hi" />,
  name: <Value initial="John" />
}

<Adopt mapper={mapper}>
  {({ greet, name }) => /* ... */}
</Adopt>

Changelog

• Improve readme with some exampels
• Fix: add types and files fields on package.json
• Fix: optional types for render props
• Fix: typescript definitions

Changelog

• Remove required node engine from package.json
• Add a lot of improvements on readme

Changelog

• Improve typescript support
• Improve readme with some examples of usage

Changelog

• Add support to pass a function as mapper value
• Add support to retrieving props from composed
• Add support for component with custom renderprops

More info about these features on readme

Thanks for @lucasconstantino :v:

Changelog

• Some documentation improvements