@findify/react-connect
@findify/react-connect
npm i @findify/react-connect
@findify/react-connect

@findify/react-connect

Findify monorepo

by findify

0.8.34 (see all)License:MITTypeScript:Built-In
npm i @findify/react-connect
Readme

npm (scoped) code style: prettier

@findify/react-connect

This is a set of Components and High Order Functions based on Findify Agents which simplifies data manipulations in React.js applications.

Documentation

The full documentation can be found here: https://developers.findify.io/page/findify-react-connect-reference

For release notes, see the CHANGELOG.

Quickstart

In the Browser

To use the SDK in the browser, simply add the following script tag to your HTML pages:

<script src="https://cdn.jsdelivr.net/npm/@findify/react-connect@0.5.1/lib/index.min.js"></script>

In Node.js

Install the SDK using npm:

$ npm install --save @findify/sdk

or yarn

$ yard add @findify/sdk

Minimal Setup

@findify/react-connect' interface looks similar to react-redux. There are two parts - Providers which automatically creates Agent instance and push it through context to connectors, and the Connectors - Hight Order Functions and who listen to changes, mutating entities and adding helpers to the wrapped component.

import React from "react";
import { render } from "react-dom";
import { SearchProvider, connectItems } from "@findify/react-connect";

const Items = connectItems(({ items }) =>
    items.map(({ item }) =>
    <div key={item.hashCode()}>{item.get('title'}</div>
  )
)
                                                    
const App = (
  <SearchProvider key='YOUR_API_KEY'>
    <Items />
  </SearchProvider>
);

render(App, document.getElementById('root'));
VersionTagPublished
0.8.34
latest
7d ago
0.3.8-apiv41.7
canary
6mos ago
No alternatives found
No tutorials found
Add a tutorial
No dependencies found

Rate & Review

100
No reviews found
Be the first to rate