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 |