@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://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-native/v0.67.

Additional Details

• Last updated: Wed, 27 Sep 2023 07:12:04 GMT
• Dependencies: @types/react
• Global values: AbortController, AbortSignal, Blob, FileReader, FormData, Headers, MessageQueue, Request, Response, URL, URLSearchParams, WebSocket, XMLHttpRequest, XMLHttpRequestUpload, cancelAnimationFrame, clearImmediate, clearInterval, clearTimeout, fetch, fetchBundle, requestAnimationFrame, setImmediate, setInterval, setTimeout

Credits

These definitions were written by Eloy Durán, HuHuanming, Kyle Roach, Tim Wang, Kamal Mahyuddin, Alex Dunne, Manuel Alabor, Michele Bombardi, Martin van Dam, Kacper Wiszczuk, Ryan Nickel, Souvik Ghosh, Cheng Gibson, Saransh Kataria, Wojciech Tyczynski, Jake Bloom, Ceyhun Ozugur, Mike Martin, Theo Henry de Villeneuve, Romain Faust, Be Birchall, Jesse Katsumata, Xianming Zhong, Valentyn Tolochko, Sergey Sychev, Daiki Ihara, Abe Dolinger, Dominique Richard, Mohamed Shaban, Jérémy Barbet, David Sheldrick, Natsathorn Yuthakovit, ConnectDotz, Marcel Lasaj, Alexey Molchan, Alex Brazier, Arafat Zahan, Pedro Hernández, Sebastian Silbermann, and Zihan Chen.