Updated README

Author: bvaughn

packages/react-is/README.md

@@ -3,6 +3,7 @@
 This package allows you to test arbitrary values and see if they're a particular React type, e.g. React Elements.
 
 ## Installation
+
 ```sh
 # Yarn
 yarn add react-is
@@ -14,67 +15,75 @@ npm install react-is --save
 ## Usage
 
 ### AsyncMode
-```js
-import React from 'react';
-import ReactIs from 'react-is';
 
-const AsyncMode = React.unstable_AsyncMode;
+```js
+import React from "react";
+import { AsyncMode, isAsyncMode, typeOf } from "react-is";
 
-ReactIs.isAsyncMode(<AsyncMode />); // true
-ReactIs.typeOf(<AsyncMode />) === ReactIs.AsyncMode; // true
+isAsyncMode(<React.unstable_AsyncMode />); // true
+typeOf(<React.unstable_AsyncMode />) === AsyncMode; // true
 ```
 
 ### Context
-```js
-import React from 'react';
-ReactIs ReactIs from 'react-is';
-
-const ThemeContext = React.createContext('blue');
 
-ReactIs.isContextConsumer(<ThemeContext.Consumer />); // true
-ReactIs.isContextProvider(<ThemeContext.Provider />); // true
-ReactIs.typeOf(<ThemeContext.Provider />) === ReactIs.ContextProvider; // true
-ReactIs.typeOf(<ThemeContext.Consumer />) === ReactIs.ContextConsumer; // true
+```js
+import React from "react";
+import {
+  ContextConsumer,
+  ContextProvider,
+  isContextConsumer,
+  isContextProvider,
+  typeOf
+} from "react-is";
+
+const ThemeContext = React.createContext("blue");
+
+isContextConsumer(<ThemeContext.Consumer />); // true
+isContextProvider(<ThemeContext.Provider />); // true
+typeOf(<ThemeContext.Provider />) === ContextProvider; // true
+typeOf(<ThemeContext.Consumer />) === ContextConsumer; // true
 ```
 
 ### Element
+
 ```js
-import React from 'react';
-import ReactIs from 'react-is';
+import React from "react";
+import { Element, isElement, typeOf } from "react-is";
 
-ReactIs.isElement(<div />); // true
-ReactIs.typeOf(<div />) === ReactIs.Element; // true
+isElement(<div />); // true
+typeOf(<div />) === Element; // true
 ```
 
 ### Fragment
+
 ```js
-import React from 'react';
-import ReactIs from 'react-is';
+import React from "react";
+import { Fragment, isFragment, typeOf } from "react-is";
 
-ReactIs.isFragment(<></>); // true
-ReactIs.typeOf(<></>) === ReactIs.Fragment; // true
+isFragment(<></>); // true
+typeOf(<></>) === Fragment; // true
 ```
 
 ### Portal
+
 ```js
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ReactIs from 'react-is';
+import React from "react";
+import ReactDOM from "react-dom";
+import { isPortal, Portal, typeOf } from "react-is";
 
-const div = document.createElement('div');
+const div = document.createElement("div");
 const portal = ReactDOM.createPortal(<div />, div);
 
-ReactIs.isPortal(portal); // true
-ReactIs.typeOf(portal) === ReactIs.Portal; // true
+isPortal(portal); // true
+typeOf(portal) === Portal; // true
 ```
 
 ### StrictMode
-```js
-import React from 'react';
-import ReactIs from 'react-is';
 
-const {StrictMode} = React;
+```js
+import React from "react";
+import { isStrictMode, StrictMode, TypeOf } from "react-is";
 
-ReactIs.isStrictMode(<StrictMode />); // true
-ReactIs.typeOf(<StrictMode />) === ReactIs.StrictMode; // true
-```
+isStrictMode(<React.StrictMode />); // true
+typeOf(<React.StrictMode />) === StrictMode; // true
+```