react-is
Brand checking of React Elements.
Last updated 7 years ago by brianvaughn .
MIT · Repository · Bugs · Original npm · Tarball · package.json 
$ npm install react-is
SYNC missed versions from official npm registry.

react-is

This package allows you to test arbitrary values and see if they're a particular React type, e.g. React Elements.

Installation

# Yarn
yarn add react-is

# NPM
npm install react-is --save

Usage

AsyncMode

import React from "react";
import * as ReactIs from 'react-is';

ReactIs.isAsyncMode(<React.unstable_AsyncMode />); // true
ReactIs.typeOf(<React.unstable_AsyncMode />) === ReactIs.AsyncMode; // true

Context

import React from "react";
import * as 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

Element

import React from "react";
import * as ReactIs from 'react-is';

ReactIs.isElement(<div />); // true
ReactIs.typeOf(<div />) === ReactIs.Element; // true

Fragment

import React from "react";
import * as ReactIs from 'react-is';

ReactIs.isFragment(<></>); // true
ReactIs.typeOf(<></>) === ReactIs.Fragment; // true

Portal

import React from "react";
import ReactDOM from "react-dom";
import * as ReactIs from 'react-is';

const div = document.createElement("div");
const portal = ReactDOM.createPortal(<div />, div);

ReactIs.isPortal(portal); // true
ReactIs.typeOf(portal) === ReactIs.Portal; // true

StrictMode

import React from "react";
import * as ReactIs from 'react-is';

ReactIs.isStrictMode(<React.StrictMode />); // true
ReactIs.typeOf(<React.StrictMode />) === ReactIs.StrictMode; // true

Current Tags

1903 Versions

Maintainers (7)
acdlite
brianvaughn
fb
gaearon
sebmarkbage
sophiebits
trueadm
Downloads
Total 273
Today 0
This Week 0
This Month 2
Last Day 0
Last Week 0
Last Month 147
Dependencies (0)
None
Dev Dependencies (0)
None
Dependents (34)

© 2010 - cnpmjs.org x YWFE | Home | YWFE