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 = () => ({
  productState: productSlice("productState", {}),
  productFilter: productSlice("productFilter", { search: "", category: "all" }),
  productSort: productSlice("productSort", { order: "asc" }),
});
export const useCartSlice = () => cartSlice("cartState", {});

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