didierfranc / vscode-react-intellisense Goto Github PK

I was having Node 4.0 and i have the following depepdencies in my package.json

"dependencies": {
"babel-preset-es2015": "^6.6.0",
"babel-preset-react": "^6.5.0",
"babelify": "^7.2.0",
"browserify": "^11.0.1",
"express": "^4.13.4",
"react": "^15.0.1",
"react-dom": "^15.0.1",
"watchify": "^3.4.0"
}

when i try to do bablify ReactDom code is not able to transform

src: https://github.com/didierfranc/vscode-react-intellisense/tree/master/public/index.js

ReactDOM.render(, document.getElementById('content'));

Expect transform in bundle.js as

_reactDom.render(_react2.default.createElement(HelloMessage, { name: 'Mark' }), document.getElementById('content'));

but it is not transform instead i have the same line in bundle.js

ReactDOM.render(, document.getElementById('content'));

https://github.com/babel/babelify

how can i fix this ?

Great repo!

There is just one thing I don't understand. If I want to this to my existing project, what are the steps?
I've added the preinstall script to my package.json.

  "scripts": {
    "preinstall": "npm i typings -D && typings i dt~react dt~react-dom -G -D",
    "dev": "webpack-dev-server --port 3000 --progress --profile --colors",
    "build": "webpack -p --progress --colors"
  },

This is my json.config:

{
  "compilerOptions": {
    "target": "es6",
    "allowSyntheticDefaultImports": true
  },
  "exclude": [
    "node_modules"
  ]
}

In .vscode/settings.json I have the following code:

{
  "files.associations": {
    "*.js": "javascriptreact",
    "*.jsx": "javascriptreact"
  },
  "javascript.validate.enable": true
}

And I have the typings.json in project root, and also the /typings directory.

Is there anything else I need to do? Thanks!