Скачать или смотреть How to Create a New React Native App in JavaScript Instead of TypeScript

Learn how to create a React Native app using `JavaScript` instead of `TypeScript` with this simple solution. Follow our step-by-step guide!
---
This video is based on the question https://stackoverflow.com/q/75142862/ asked by the user 'Akshay PandherPatte' ( https://stackoverflow.com/u/14770491/ ) and on the answer https://stackoverflow.com/a/75144889/ provided by the user 'Vishvas Patel' ( https://stackoverflow.com/u/20989291/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Whenever I try to create New React Native APP using npx react-native init APP_NAME command it creates typescript instead of javascript project

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Create a New React Native App in JavaScript Instead of TypeScript

Creating a new React Native application is usually as simple as running a command in your terminal. However, some developers encounter an unexpected issue: React Native creates a TypeScript project instead of the desired JavaScript project. If you're one of those developers, don’t worry! In this guide, we’ll walk you through the easy steps to ensure you set up your new app using JavaScript.

The Problem at Hand

When you attempt to create a new React Native application with the command:

[[See Video to Reveal this Text or Code Snippet]]

You might find that instead of a JavaScript project, a TypeScript project (with .tsx files) gets created. This can be puzzling, especially if you prefer working with plain JavaScript for your projects.

The Simple Solution

Fortunately, there is a quick fix for this problem. You can effectively switch from a TypeScript project to a JavaScript project by following these steps:

Navigate to Your App Directory:
After running the npx react-native init APP_NAME command, navigate to your project directory:

[[See Video to Reveal this Text or Code Snippet]]

Rename the Main File:
Locate the main application file, usually named App.tsx, and rename it to App.js.

This can be done using a terminal command or manually through your file explorer.

If using the terminal, you can run:

[[See Video to Reveal this Text or Code Snippet]]

Edit Your Import Statements:
Open App.js and ensure that you modify any TypeScript syntax or types that might not be compatible with JavaScript. For instance:

Remove any props type annotations.

Simplify the code by ensuring that it adheres to JavaScript standards.

Check Your Packages:
While the above steps will help convert the main app file, make sure the rest of your project is compatible with JavaScript.

Check your package.json and any dependencies to ensure they don’t enforce TypeScript usage.

Final Thoughts

By following the steps outlined above, you can swiftly create a new React Native app using JavaScript instead of TypeScript. This method not only resolves the issue but also allows you to work comfortably in your preferred language. Remember that starting with the right configuration matters, so always keep an eye on the extensions of the files being generated.

If you have further questions or run into issues during your development journey, don't hesitate to seek assistance in the React Native community forums or check out the official documentation.

Happy coding!