Configure Sublime text for React js

Configure Sublime text for React js

First goto top bar from sublime text then

preferences->package control -> install package

search babel and install it. after install change form right bottom corner from javascript to babel -> javascript (Babel).

 

then copy this code and paste into preferences->key Bindings

 

{
	  "keys": ["tab"], 
	  "command": "expand_abbreviation_by_tab", 

	  // put comma-separated syntax selectors for which 
	  // you want to expandEmmet abbreviations into "operand" key 
	  // instead of SCOPE_SELECTOR.
	  // Examples: source.js, text.html - source
	  "context": [
	    {
	      "operand": "source.js, test.html", 
	      "operator": "equal", 
	      "match_all": true, 
	      "key": "selector"
	    }, 

	    // run only if there's no selected text
	    {
	      "match_all": true, 
	      "key": "selection_empty"
	    },

	    // don't work if there are active tabstops
	    {
	      "operator": "equal", 
	      "operand": false, 
	      "match_all": true, 
	      "key": "has_next_field"
	    }, 

	    // don't work if completion popup is visible and you
	    // want to insert completion with Tab. If you want to
	    // expand Emmet with Tab even if popup is visible -- 
	    // remove this section
	    {
	      "operand": false, 
	      "operator": "equal", 
	      "match_all": true, 
	      "key": "auto_complete_visible"
	    }, 
	    {
	      "match_all": true, 
	      "key": "is_abbreviation"
	    }
	  ]
	}

 

and save it..

 

done.