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
pnpm add @feelback/react
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
Types
This package is built in typescript so it has full typings support.
License
MIT © Giuseppe La Torre