Sublime text syntax coloring quote issue

Question

I'm using sublime text 3 to code some react native stuff and when writing in text components I use quotes that mess up all the syntax coloring as in the picture below. Is there any way to fix this ?

Answer 1

React JSX syntax

JSX is the JavaScript Syntax extension you normally use in your render method.

Correct Color Scheme

Since JSX is an extension to the plain JavaScript, Sublime doesn't know about it. You have to tell Sublime to use the extension babel-sublime.

Installation of babel-sublime

Just follow the official documentation to install this plugin. I don't write it down, in case something changes in the future. Also check the documentation about Package Control, which you use to manage your Sublime Packages.