Hyperview

Hyperview

  • Guides
  • Examples
  • Reference
  • Blog

›Recent Posts

Recent Posts

  • What's New in Hyperview v0.86.0
  • Introducing the New Demo App
  • Hyperview Log Provider
  • Hyperview Navigation Announcement
  • Events in Hyperview

Hyperview Log Provider

June 6, 2024

Hardin Gray

The 0.81.0 release of Hyperview adds support for providing an optional external log provider. In previous versions of Hyperview, any logging was performed explicitly via console.log, console.warn, or console.error.

With this new functionality, developers are able to pass an alternate provider to allow more control over the logging such as inhibiting logs below a certain severity threshold, saving logs to file, or using third party logging libraries. If no provider is passed into Hyperview, console will be used. Over time we plan to increase the informational logging which Hyperview provides to aid in debugging.

The provider interface is a simplification of the one provided by console:

{
  error: (message?: any, ...optionalParams: any[]) => void;
  info: (message?: any, ...optionalParams: any[]) => void;
  log: (message?: any, ...optionalParams: any[]) => void;
  warn: (message?: any, ...optionalParams: any[]) => void;
}

Example usage

The optional provider is passed through the logger property of the <Hyperview> component.

  const exampleLogger = {
    error: (message: any, params: any[]) =>
      console.error(`[EXAMPLE - ERROR] ${message}`, params),
    info: (message: any, params: any[]) =>
      console.info(`[EXAMPLE - INFO] ${message}`, params),
    log: (message: any, params: any[]) =>
      console.log(`[EXAMPLE - LOG] ${message}`, params),
    warn: (message: any, params: any[]) =>
      console.warn(`[EXAMPLE - WARN] ${message}`, params),
  };

  return (
    <Hyperview
      ...
      logger={exampleLogger}
      ...
    />
  );
Recent Posts
  • Example usage
Hyperview
Docs
ExamplesHyperview Reference
More
BlogGitHubStar
Copyright © 2025 Instawork