Upcoming Release Changes

[github-actions]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to master, this PR will be updated.

Releases

@defer/client@1.7.0

Minor Changes

• #66 b9973d5 Thanks @charlypoly! - Introducing @defer/client/next integration

  This release introduces two new helpers that makes Defer deeply integrated with NextJS:

  • asNextRoute(): used in combination of useDeferRoute() to trigger background functions from Client-side Components
  • useDeferRoute(): trigger and wait for the result of a background functions from Client-side Components

  Next API Routes

  import { asNextRoute } from "@defer/client/next";
  import createThumbnails from "../../defer/createThumbnails";
  
  const { GetHandler, PostHandler } = asNextRoute(createThumbnails);
  
  export const GET = GetHandler;
  export const POST = PostHandler;

  React client-side component

  import { useDeferRoute } from "@defer/client/next";
  import createThumbnails from "../../defer/createThumbnails";
  
  export function MyComp() {
    const { request, loading, result } = useDeferRoute(createThumbnails);
    return (
      <div>
        <span>Loading: {loading ? "Yes" : "No"}</span>
        <span>Result: {result ? JSON.stringify(result) : "--"}</span>
        <button onClick={() => request("")}>Call</button>
      </div>
    );
  }