Skip to main content

The Lake

Let's start by defining our global state. We'll use a simple array of todo items.

import { createRipples } from  "@m-c2/ripple";

// Create a ripple lake with task list
const lake = createRipples({
tasks : {
todo : [], // todo list
done : [] // done list
} as {
todo : { id: string, text: string }[];
done : { id: string, text: string }[];
}
});

export const rippleHooks = lake[0]; // ripple hooks
export const rippleServices = lake[1]; // ripple services