React Native is a library that enables mobile developers to build native apps mainly for Android and iOS using React. This has the advantage of having one team working on one product, rather than two teams working on one product. Permanent communication between developers may result in extremely bad productivity, since your focus is interrupted. In React Native, your app will include a
jsbundle file that describes how your app will be rendered and behave (business logic).
TypeError: 'undefined' is not an object or
Using TypeScript in a React Native project is possible. Since React Native version 0.57 with the Babel compiler 7 is out, it has built-in TypeScript support. Also, Expo, a key successor and toolchain built around React Native, has announced to move away from Flow to TypeScript. I personally set up a React Native project with TypeScript and it looked and worked pretty well. The configuration happens using a
.tsconfig file. One point of TypeScript is the object oriented flavour, other than flow, which has a more functional approach.
Flow has been widely supported by React. The React flow type definitions feel pretty good. Eslint plugins for IDEs provide static analysis possibilities, which means you could also do things like flow type coverage. It is based on the Babel compiler, so the integration in various toolchains is very good since most React projects already integrate Babel. In addition, an eslint plugin can automatically format your code on file save. One thing about flow is that you have to configure it correctly (same as in TypeScript of course). In my case (I’ve been using VSCode), I had issues since the IDE has TypeScript already built-in. You could deactivate it, but it did not help. In the end the issue was a version mismatch between the version defined in
.flowconfig and the locally/globally installed ones. I personally use flow in React Native projects and it works pretty well. Sometimes you have to declare library methods that have no flow type definition, as you can see here.