Product
Introducing License Enforcement in Socket
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
@types/react-is
Advanced tools
The @types/react-is package provides TypeScript type definitions for the react-is library, which is a collection of utilities to determine the type of React elements. This is particularly useful for type-checking in TypeScript projects when working with dynamic React elements or when needing to assert the type of components or elements in the code.
Identifying React Elements
This feature allows you to check if a value is a React element. The code sample demonstrates how to use the `isElement` function to determine if a given value is a React element.
import * as ReactIs from 'react-is';
function isElement(element: any): boolean {
return ReactIs.isElement(element);
}
Checking for Specific Element Types
These functions enable checking if a React element is a Fragment or a Portal, respectively. This is useful for conditional rendering or logic that depends on the type of component.
import * as ReactIs from 'react-is';
function isFragment(value: any): boolean {
return ReactIs.isFragment(value);
}
function isPortal(value: any): boolean {
return ReactIs.isPortal(value);
}
Identifying Context Consumers and Providers
This feature allows for the identification of Context Consumers and Providers, which can be useful in complex applications that make heavy use of React's Context API for managing state.
import * as ReactIs from 'react-is';
function isContextConsumer(value: any): boolean {
return ReactIs.isContextConsumer(value);
}
function isContextProvider(value: any): boolean {
return ReactIs.isContextProvider(value);
}
While not a direct alternative, prop-types offers runtime type checking for React props and similar objects. Unlike @types/react-is, which is used for TypeScript type definitions, prop-types is used within JavaScript to ensure components receive props of the correct type.
npm install --save @types/react-is
This package contains type definitions for react-is (https://reactjs.org/).
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-is/v16.
// Type definitions for react-is 16.7
// Project: https://reactjs.org/
// Definitions by: Avi Vahl <https://github.com/AviVahl>
// Christian Chown <https://github.com/christianchown>
// Sebastian Silbermann <https://github.com/eps1lon>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.8
export as namespace ReactIs;
import { LazyExoticComponent, MemoExoticComponent, ReactElement, ReactType } from "react";
export function typeOf(value: any): symbol | undefined;
export function isValidElementType(value: any): value is ReactType;
export function isAsyncMode(value: any): value is ReactElement;
export function isContextConsumer(value: any): value is ReactElement;
export function isContextProvider(value: any): value is ReactElement;
export function isElement(value: any): value is ReactElement;
export function isForwardRef(value: any): value is ReactElement;
export function isFragment(value: any): value is ReactElement;
export function isLazy(value: any): value is LazyExoticComponent<any>;
export function isMemo(value: any): value is MemoExoticComponent<any>;
export function isProfiler(value: any): value is ReactElement;
export function isPortal(value: any): value is ReactElement;
export function isStrictMode(value: any): value is ReactElement;
export function isSuspense(value: any): value is ReactElement;
export const AsyncMode: symbol;
export const ContextConsumer: symbol;
export const ContextProvider: symbol;
export const Element: symbol;
export const ForwardRef: symbol;
export const Fragment: symbol;
export const Lazy: symbol;
export const Memo: symbol;
export const Portal: symbol;
export const Profiler: symbol;
export const StrictMode: symbol;
export const Suspense: symbol;
ReactIs
These definitions were written by Avi Vahl, Christian Chown, and Sebastian Silbermann.
FAQs
TypeScript definitions for react-is
We found that @types/react-is demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
Product
We're launching a new set of license analysis and compliance features for analyzing, managing, and complying with licenses across a range of supported languages and ecosystems.
Product
We're excited to introduce Socket Optimize, a powerful CLI command to secure open source dependencies with tested, optimized package overrides.