@feelback/react

Feelback React integration library

This package is the React SDK of the Feelback service, which includes:

• builtin components with presets ready to use in your pages
• hooks for easy interaction with the Feelback API, useful for building custom components
• predefined styling you can adopt for nice-looking components with no effort

Prerequisite

• node 14+
• react 17+ (peer dependency)

Installation

Add the package with your package manager of choice:

npm install @feelback/react
# or
pnpm add @feelback/react
# or
yarn add @feelback/react

The package is completely tree-shakable. You can take advantage of bundlers like Vite or esbuild to trim the final package size with only the components you actually use.

Example

After the package is installed, you can import components and presets:

import { FeelbackPulse, PRESET_PULSE_HEART } from "@feelback/react";

function PostTitle({ title }) {
    return (
        <div>
            <h1>{title}</h1>
            <FeelbackPulse contentSetId="content-set-id-from-the-panel"
                preset={PRESET_PULSE_HEART}
                showCount
            />
        </div>
    );
}

Style

The package provides a predefined style you can import:

import "@feelback/react/styles/feelback.css";

Additional resources

• Read the full integration guide
• Checkout the official documentation with a full overview of the Feelback service

Types

This package is built in typescript so it has full typings support.

License

MIT © Giuseppe La Torre