Be that tutorials, books, articles, videos, etc. This is a community for sharing information, tips, and tricks regarding the PHP IDE from JetBrains.Īny post that discusses PhpStorm. It is always ready to help you shape your code, run unit-tests or provide visual debugging. These are common code snippets you can insert into your code and there's already a Github repo with the most common React live templates you might need.PhpStorm is a lightweight and smart PHP IDE focused on developer productivity that deeply understands your code, provides smart code completion, quick navigation and on-the-fly error checking. Now that you know how to customize the 'New' menu dialog, you might want to take a look at 'Live templates'. You can find the full list in the WebStorm docs. There are a lot more variables available if you want to customize your template even more. replace the hardcoded component name with the $NAME$ variable, to set it to the value the user input in the 'New' dialog.set the extension - here we stick to jsx.This is what will appear in the 'New' menu give the template a name in the 'Name' field.delete all the content from the original file that you don't want in your template.Configure the file templateĪ new dialog will open where you can customize the template. If the menu doesn't pop up, make sure to click anywhere inside the file to get into focus. The easiest way to create one is to just start from a file you already have (in our case a React component you already have) and go to 'Tools > Save as file template'. WebStorm allows you to do this by creating custom 'File templates'.

Wouldn't it be great if when you open the 'File > New' menu you could also choose 'React component'?

2 min read React file template in WebStorm.

Phpstorm react native