@types/react-native

What is @types/react-native?

The @types/react-native package provides TypeScript type definitions for React Native. This allows developers to use TypeScript's static typing features when developing React Native applications, which can help catch errors at compile time, provide better tooling support, and improve the development experience.

What are @types/react-native's main functionalities?

Component Typing

Provides type definitions for React Native components, allowing for type-checked props and state.

import { View, Text } from 'react-native';

interface Props {
  title: string;
}

const MyComponent: React.FC<Props> = ({ title }) => (
  <View>
    <Text>{title}</Text>
  </View>
);

API Typing

Includes type definitions for React Native APIs, ensuring that the correct types are used for API parameters and return values.

import { Alert } from 'react-native';

Alert.alert('Title', 'Message', [
  {text: 'Cancel', onPress: () => console.log('Cancel Pressed'), style: 'cancel'},
  {text: 'OK', onPress: () => console.log('OK Pressed')},
]);

Event Typing

Provides types for event handlers and events, allowing developers to handle events with type safety.

import { TouchableOpacity } from 'react-native';

const MyButton: React.FC = () => (
  <TouchableOpacity onPress={(event) => console.log(event.nativeEvent)}>
    <Text>Press Me</Text>
  </TouchableOpacity>
);

Other packages similar to @types/react-native

@types/react

This package contains type definitions for React. It's similar to @types/react-native but is used for web applications built with React rather than mobile applications built with React Native.

react-native-typescript-transformer

This package is a TypeScript transformer for React Native, allowing developers to write their React Native app in TypeScript. It differs from @types/react-native in that it's a build tool rather than a type definition package.

react-native-tscodegen

This package generates TypeScript and Flow types for native modules and view managers automatically. It's different from @types/react-native as it focuses on bridging native code with TypeScript rather than providing type definitions for existing React Native APIs.

README

Installation

npm install --save @types/react-native

Summary

This package contains type definitions for react-native (https://github.com/facebook/react-native).

Details

Files were exported from https://www.github.com/DefinitelyTyped/DefinitelyTyped/tree/types-2.0/react-native

Additional Details

• Last updated: Thu, 01 Dec 2016 00:15:04 GMT
• File structure: ModuleAugmentation
• Library Dependencies: none
• Module Dependencies: react
• Global values: DEV, global

Credits

These definitions were written by Bruno Grieder https://github.com/bgrieder.