responsive-react/src/index.ts

Device-type based rendering of react components (typescript), like render <SideNav> when desktop and <BottomNav> when mobile or tablet

import { getWindowDimension, DeviceWidthObject, getDeviceTypeInfo, isMobileDevice, isTabletDevice, isLaptopDevice, isBiggerThanLaptop } from "./utilResponsive";
import { IDeviceWidthInfo, DeviceWidth, IWindowDimensionMetrics, IDeviceTypeInfo } from "./types";
import { IdResponsiveRenderOnlyIn, Responsive } from "./Responsive";
import { IdDeviceType, IdDeviceOrientation, IdDeviceTypeBreakdown, IdDeviceBreakpointsByWidth, IdMobileHeight } from "./ids";

export {
    getWindowDimension,
    DeviceWidthObject,
    getDeviceTypeInfo,
    isMobileDevice,
    isTabletDevice,
    isLaptopDevice,
    isBiggerThanLaptop,

    IDeviceWidthInfo,
    DeviceWidth,
    IWindowDimensionMetrics,
    IDeviceTypeInfo,

    IdResponsiveRenderOnlyIn,
    Responsive,

    IdDeviceType,
    IdDeviceOrientation,
    IdDeviceTypeBreakdown,
    IdDeviceBreakpointsByWidth,
    IdMobileHeight
}