React Window Info

Lorem ipsum

Highlights

• Lorem ipsum

  Lorem ipsum

Quick Start

Installation

$ npm i @trbl/react-window-info
$ # or
$ yarn add @trbl/react-window-info

Composition

  import React from 'react';
  import {
    WindowInfo,
    WindowInfoProvider,
    withWindowInfo,
    useWindowInfo
  } from '@trbl/react-window-info';

  const WithWindowInfo = withWindowInfo(({ windowInfo }) => <div>{windowInfo}</div>);
  const UseWindowInfo = () => <div>{useWindowInfo()}</div>;

  const App = () => (
    <WindowInfoProvider>
      <WithWindowInfo />
      <UseWindowInfo />
      <WindowInfo>
        {(windowInfo) => <div>{windowInfo}</div>}
      <WindowInfo>
    </WindowInfoProvider>
  );

  export default App;

For working examples, see the demo app.

Demo

$ git clone [email protected]:trouble/react-window-info.git
$ yarn
$ yarn dev
$ open http://localhost:3000

Documentation

• useWindowInfo
• WindowInfo
• WindowInfo
• WindowInfoProvider
• withWindowInfo

Contribution

Help us, or let us help you help us.

License

MIT Copyright (c) TRBL, LLC