libreact

React standard library — must-have toolbox for any React project.

• React router, sensors, inversions, context providers, dummies, and other goodies.
• Isomorphic - all components work in browser and on server (and some in react-native).
• See demos, docs, and package.

Installation

npm i libreact --save

Usage

Import each utility individually to decrease your bundle size

import {mock} from 'libreact/lib/mock';

const MyComponent = mock();

Contents

• Introduction
• Dummies
  • mock() and loadable() — example
  • lazy(), delayed(), and viewport()
• Inversion
  • <State> and withState()
    • <Toggle>, withToggle(), and @withToggle — example
    • <Flipflop>, withFlipflop(), and @withFlipflop
    • <Value>, withValue(), and @withValue
    • <Counter>, withCounter() and @withCounter
    • <List>, withList(), and @withList
    • <Map>, withMap(), and @withMap
  • <ShouldUpdate>, shouldUpdate(), and pure()
  • invert() and <Inverted>
• Sensors
  • <ActiveSensor>, withActive(), and @withActive
  • <BatterySensor>, withBattery(), and @withBattery
  • <ExitSensor> — example
  • <FocusSensor>, withFocus(), and @withFocus
  • <GeoLocationSensor>, withGeoLocation(), and @withGeoLocation
  • <HoverSensor>, withHover(), and @withHover
  • <IdleSensor>, withIdle(), and @withIdle
  • <MediaDeviceSensor>, withMediaDevices(), and @withMediaDevices
  • <MediaSensor>, withMedia(), and @withMedia
  • <MotionSensor>, withMotion(), and @withMotion
  • <MouseSensor>, withMouse(), and @withMouse — example
  • <NetworkSensor>, withNetwork(), and @withNetwork
  • <LightSensor>, withLight(), and @withLight
  • <LocationSensor>, withLocation(), and @withLocation
  • <OrientationSensor>, withOrientation(), and @withOrientation
  • <ScrollSensor>
  • <SizeSensor>, withSize(), and @withSize — example
    • <WidthSensor>, withWidth(), and @withWidth
  • <ViewportSensor>, withViewport(), and @withViewport
    • <ViewportScrollSensor> and <ViewportObserverSensor>
  • <WindowScrollSensor>, withWindowScroll(), and @withWindowScroll
  • <WindowSizeSensor>, withWindowSize(), and @withWindowSize
• Context
  • <Provider>, <Consumer>, withContext(), and @withContext
  • <Theme>, <Themed>, withTheme(), and @withTheme
  • <CssVarsProvider>, <CssVars>, withCssVars(), and @withCssVars
  • <Router>, <Route>, withRoute(), @withRoute, go(), and <Go>
  • <Translations>, <Translate>, <T>, withT(), and @withT
• UI
  • <Portal>, <Overlay>, and <Modal>
  • <FullScreen>
  • <Slider>
  • <DropArea>
  • <Ripple> and withRipple() — example
  • <Audio> and <Video>
  • <Speak>, <Vibrate>, <Alert>, <Prompt>, <Confirm>
• Animation
  • <AfterTimeout>, <AfterDraf>, and <WhenIdle>
  • <Render>, withRender(), and @withRender
  • <RenderInterval>, withRenderInterval(), and @withRenderInterval
  • <Tween>, withTween(), and @withTween
  • <Interpolation>, withInterpolation(), and @withInterpolation
• Side Effects
  • <LocalStorage>, <SessionStorage>, <IndexedDb>
  • <Title>, <Favicon>
  • go(), <Redirect>, <Link>, <Sms>, <Mailto>, and <Tel>
• Boundaries
  • <BrowserOnly>, <ServerOnly>, and <ElectronOnly>
  • <ErrorBoundary> and withErrorBoundary()
  • <CacheBoundary>
• CSS
  • rule(), StyleSheet.create(), @css, styled()(), and jsxstyle()
• CSS resets
  • <CssResetEricMeyer> and <CssResetEricMeyerCondensed>
  • <CssResetMinimalistic>, <CssResetMinimalistic2>, and <CssResetMinimalistic3>
  • <CssResetPoorMan>
  • <CssResetShaunInman>
  • <CssResetSiolon>
  • <CssResetTantek>
  • <CssResetUniversal>
  • <CssResetYahoo>
• Other
  • <Resolve>, <Fetch>
  • getDisplayName()
  • <Locales>
  • <Draggable>, <Droppable>, <Parallax>, <Pin>
• Electron
  • <Menu> and <MenuItem>

License

Unlicense — public domain.