TypeScript for React & React Native
Props/state types, generics, discriminated unions, typing hooks, React Navigation types, API responses
1What is the main advantage of using TypeScript in a React Native project?
What is the main advantage of using TypeScript in a React Native project?
回答
TypeScript detects type errors at compile time, before the application even runs. This significantly reduces production bugs related to incorrect types, improves IDE autocompletion and makes code more self-documenting. In a React Native project, this particularly helps with correctly typing props, state and API responses.
2What is the difference between type and interface in TypeScript?
What is the difference between type and interface in TypeScript?
回答
Interfaces can be extended and merged through declaration merging, which is useful for extending third-party library types. Types are more flexible and can represent unions, intersections and primitive types. In practice, for simple objects both are interchangeable, but interfaces are preferred for React component props as they allow extension.
3How to correctly type the props of a React Native functional component?
How to correctly type the props of a React Native functional component?
回答
The recommended method is to define an interface for props and use it as a generic type or parameter annotation. You can either use React.FC with the generic, or directly type the props in the function signature. The second approach is often preferred because React.FC implicitly includes children, which may not be desired.
How to type the useState hook with a custom type in TypeScript?
What is a generic type in TypeScript and what is it used for?
+19 面接問題