I Made a VSCode extension that warns you when a text isn’t actually a <Text/>

So I created this simple extension React Native Text Watcher that basically warns you when you forgot to wrap an obvious string by <Text> Component. in your react-native projects, before react native itself throws an exception.

Surprisingly, It already has over 5K installs, in just two weeks.

Extension Usage Demo

Ps. I got to know that “eslint flag” for this case already exists, which I was unaware of when I was making this. Anyways, it was just a simple fun project, not sure if it is even useful at all, but you can give it a try.

Features as of now:

• 📐 Accurate JSX Parsing: Precisely identifies JSX portions in your code.
• ⚠️ Text Wrapping Warnings: Get warnings when you don’t wrap text strings within a <Text> component.
• 🛞 Custom Text Components: Supress warnings for your custom text components.
• 🔍 Smart Detection: Warns you in most cases except for function calls that return strings or string variables.

Requirements:

• A project with react-native in package.json dependencies.
• The extension activates only for .tsx and .jsx files.

Things to Work On:

• Warn also for function calls that return strings or string variables.

Also, I’m open for collaboration! If you have any ideas or improvements, feel free to suggest or even contribute. Refer to this GitHub Repo!