cerry v1.0.0

Cerry

Cerry is a simple library that allows states to be saved in url parameters. The benefits can be various:

• Have the exactly same UI
  • A user can share the link on social and whoever clicks on it will have the same ui
  • Can be saved as a bookmark and will bring back to the same UI
• You can use the "back" button to go back through the states
• It can help search engine optimization
• and more...

Installation

You can install it with your favorite package manger

npm install cerry

pnpm add cerry

yarn add cerry

bun add cerry

Usage

Its use is very simple and familiar with the existing useState hook

import { useQueryState } from "cerry";

function App() {
  const [count, setCount] = useQueryState("counter", 0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>Click me</button>
    </div>
  );
}