Quick Start

Add the package to your project

To get started with using rhp in your project, run the command:

npm i isomorphic-dompurify @legendapp/state@^1.11.1 @bezda/rhp-core

The command above installs isomorphic-dompurify, @legendapp/state (version 1.11.1), and @bezda/rhp-core.

Try it out

After installing rhp, you can do a quick test to see if everything has installed correctly by importing the AnimatedDots component and placing it in your React app component tree.

For example, you can place it in the main.tsx file of a Vite react-ts project (or in index.tsx for a CRA project):

import React from 'react';
import ReactDOM from 'react-dom/client';
import { AnimatedDots } from '@bezda/rhp-core';

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
root.render(
  <React.StrictMode>
    <AnimatedDots />
  </React.StrictMode>
);

When you start the app, you should see something similar to the following: