Imagine you have an ally to help you generate the boilerplate while writing codes in React.js , so that you could be prevented from commiting petty mistakes such as missing out on tokens, parenthesis etc.

Well there's one extension in Visual Studio Code, ES7+ React/Redux/React-Native snippets. Credits to dsznajder, it's developer.

Let's get started.

• To enable the extension. Search for ES7 in the extension search box and install ES7+ React/Redux/React-Native snippets by dsznajder.

Suppose you want to write your codes in webapp.js file.

• Type rafce and press enter.

rafce stands for React Arrow Function Export Component.

• There you go, you have the React boilerplate code. Now you could breeze through writing functional codes without having to write the repetitive lines.

Thanks for reading.