Shopify commerce in your framework

1// app/lib/cart.ts2import {createCartComponents} from "@shopify/hydrogen/react";3export const {CartProvider, useCartForm} = createCartComponents();4 5// app/routes/cart.tsx6import {useCartForm} from "~/lib/cart";7 8export function AddItem({variantId}) {9  const {formProps, register} = useCartForm();10  return (11    <form {...formProps()}>12      <input type="hidden" {...register("merchandiseId", {value: variantId})} />13      <button {...register("add")}>Add item</button>14    </form>15  );16}17 18export function CartLine({line}) {19  const {formProps, register} = useCartForm();20  return (21    <form {...formProps()}>22      <input type="hidden" {...register("lineId", {value: line.id})} />23      <input type="hidden" {...register("quantity", {value: line.quantity})} />24      <button {...register("decrease")}>−</button>25      {line.quantity}26      <button {...register("increase")}>+</button>27      <button {...register("remove")}>Remove item</button>28    </form>29  );30}