react-to-component

react-to-component

:rocket: Blazing fast and tiny library that enables you to create react components (componentify) imperative or functional apis.

Install

yarn add react-to-component

Aims to be:

• :rocket: Blazing fast
• ➿Defensive code friendly
• :rage2: Async first
• 🔧 Memory leak safe
• :ring: Test friendly

A quick example

<ToComponent original={oldLegacyCodeApi} params={[1, 2, 3]}>
  {({ loading, error, data }) =>
    loading ? "Loading" : error ? "Oops, error" : JSON.stringify(data)
  }
</ToComponent>

Live examples

• Async example

  

Configuration

Prop	Required	Default	Type	Description
original	✔️	✖️	(...params: P[]) => Promise<T> or T	The original function to be encapsulated
params	✔️	✖️	P[]	The params that will be used in the function invocation
children	✔️	✖️	({ data: T or null, error: Error or null, loading: boolean }) => JSX.Element or JSX.Element[] or null	The render prop that controls you data flow
parametersDidChange	✖️	Params equality	(previousParams: P[], nextParams: P[]) => boolean	Ability to supply a custom check for parameter equality, use this if for example you need to ignore some parameters for caching purposes