WebStorm auto completion does not work for React js

Question

I've created a project using create-react-app. I have switched my JavaScript language version to React JSX in Preferences | Languages & Frameworks | JavaScript. But I still have unresolved variable warning and unresolved function warning.

Answer 1

The simplest way to achieve correct code completion while developing any (not only react) app is to add support for required type scrip libraries via IDE itself. Assuming you using JetBrains IDE for web dev (may be not WebStorm but IntelliJ IDEA):

• go to Settings (Ctrl + Alt + S) -> Languages & Frameworks
• expand JavaScript
• pick Libraries, you'll see something like this
• click Download...
• search for any libraries you need (you can just start typing lib name in libs list), then click Download and Install
• when using react, I suggest to add: react; react-dom; react-native (if you interested in mobile dev)
• click Apply when you done

commonly you don't need to restart IDE, changes will apply immediately. Happy coding!