Skip to main content
Version: 2.0

useSlice()

An useSlice() represents grouped state slice in State-jet.

function useSlice<T>(
    sliceKey: string
)
info

useStateGlobal() internally utilizes useSlice() with the reserved sliceKey global.

  • sliceKey - A unique string used to identify the slice.

Since useStateGlobal() utilizes slices internally, useSlice() supports similar input parameters and returns the same properties as described here.

✅ Example: Creating slice for Ecommerce App​

import { useSlice } from "state-jet";

const productSlice = useSlice("products");
const cartSlice = useSlice("cart");

export const useProductSlice = () => productSlice("list", []);
export const useCartSlice = () => cartSlice("list", []);

Check out this tutorial for a complete example of useSlice in action.