docs: ✏️ udate docs

Author: streamich

.travis.yml

@@ -10,15 +10,15 @@ notifications:
 node_js:
   - '8'
 script:
-  - npm run test
-  - npm run build
+  - yarn test
+  - yarn build
 matrix:
   allow_failures: []
   fast_finish: true
 after_success:
   - npx ci-scripts github-post
   - npx ci-scripts slack
-  - npm run semantic-release
+  - yarn semantic-release
 branches:
   except:
     - /^v\d+\.\d+\.\d+$/

docs/en/ActiveSensor.md

@@ -1,6 +1,9 @@
 # `<ActiveSensor>`
 
-Render prop that tracks elements active status. Attaches to the root element, or provides a binding, if `bond` prop specified.
+[![React Universal Interface](https://img.shields.io/badge/React-Universal%20Interface-green.svg)](https://github.com/streamich/react-universal-interface)
+
+Render prop that tracks some element's active status.
+Attaches to the root element, or provides a binding, if `bond` prop specified.
 
 ## Example
 

docs/en/BatterySensor.md

@@ -1,5 +1,7 @@
 # `<BatterySensor>`
 
+[![React Universal Interface](https://img.shields.io/badge/React-Universal%20Interface-green.svg)](https://github.com/streamich/react-universal-interface)
+
 Uses [`Navigator.getBattery()`](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getBattery) API to track battery level, charging status and time it takes to charge/discharge a battery.
 
 ## Props

docs/en/Counter.md

@@ -1,5 +1,7 @@
 # `<Counter>`
 
+[![React Universal Interface](https://img.shields.io/badge/React-Universal%20Interface-green.svg)](https://github.com/streamich/react-universal-interface)
+
 Allows you to keep a state of a counter value. Is similar to [`<Value>`](./Value.md) but its
 value is cast to `number` and you have an extra `inc(by = 1)` method that will increment your counter.
 

docs/en/Dummies.md

@@ -1,7 +1,6 @@
 # Dummies
 
 Dummies are empty *"shell"* components that don't contain the actual implementation.
-
 However, those dummies can be used as real React components and they will re-render
 automatically once they get implemented.
 
@@ -12,5 +11,3 @@ but implement them with real components only later when necessary.
   - [`loadable()`](./loadable.md) - dummy that can be loaded using `.load()` method.
   - [`lazy()`](./lazy.md) - like `loadable()`, but also loads automatically when rendered for the first time.
   - [`delayed()`](./delayed.md) - like `lazy()`, but its loading can be delayed.
-  - [`viewport()`](./viewport.md) - postpones component's rendering until it is visible
-  in viewport at least once.

docs/en/HoverSensor.md

@@ -1,5 +1,7 @@
 # `<HoverSensor>`
 
+[![React Universal Interface](https://img.shields.io/badge/React-Universal%20Interface-green.svg)](https://github.com/streamich/react-universal-interface)
+
 Render prop that tracks elements hover status. Attaches to the root element, or provides a binding, if `bond` prop specified.
 
 ## Example

docs/en/Introduction.md

@@ -3,8 +3,8 @@
 `libreact` is a collection of most essential React utilities you will probably need in any project.
 
 [Render prop](#render-props) and [FaCC](#facc) notation is used interchangeably as most `libreact`
-components support both interfaces. Also, most render prop components support
-[component prop](#component-prop) interface, with the following precedence:
+components support both interfaces and implement [*Universal Component Interface*](https://github.com/streamich/react-universal-interface).
+Also, most render prop components support [component prop](#component-prop) interface, with the following precedence:
 
   1. FaCC
   2. Render prop

src/Audio/index.ts

@@ -1,4 +1,4 @@
-import {cloneElement, Children} from 'react';
+import * as React from 'react';
 import {Media} from '../Media';
 
 export type TAudioEvent = (event, Audio, IAudioState) => void;
@@ -54,8 +54,8 @@ export class Audio extends Media<IAudioProps, IAudioState, Audio> {
     const audio = super.render();
     const markup = children(this, this.state);
 
-    return cloneElement(markup, null, ...[
-      ...Children.toArray(markup.props.children),
+    return React.cloneElement(markup, null, ...[
+      ...React.Children.toArray(markup.props.children),
       audio
     ]) as any;
   }

src/Media/index.ts

@@ -1,4 +1,4 @@
-import {Component} from 'react';
+import * as React from 'react';
 import {h} from '../util';
 import parseTimeRanges from './parseTimeRanges';
 
@@ -64,7 +64,7 @@ export interface IMediaState {
   volume?: number;
 }
 
-export class Media<P extends IMediaProps<M>, S extends IMediaState, M extends IMedia> extends Component<P, S> implements IMedia {
+export class Media<P extends IMediaProps<M>, S extends IMediaState, M extends IMedia> extends React.Component<P, S> implements IMedia {
   tag: 'video' | 'audio' = 'video';
   props: P;
   el: HTMLMediaElement = null;