'rafce' React.js shortcut not working in VSCode

Question

I'm new to Coding and I thought of following a freecodecamp.org tutorial on YouTube. I am following the video and the instructor used a shortcut in VSCode which looked like this rafce and then it turned into like this

const Header = () => {
    return (
        <div className='header'>
            <span className='title'>Word Hunt</span>
        </div>
    )
}

export default Header

I am using VSCode aswell. What is the problem? How do I fix it?

Regards

Solution

You need to install the React snippets extension in VSCode

After you add the extension, restart VsCode and try Again.

Comments

[Gh05d]

This could be a custom plugin the instructor uses. Best look into the tools the author uses.

[Mike 'Pomax' Kamermans]

If you haven't yet, take the tour, and make sure to read what can be asked here. If you can find the answer with a web search, your question should not have been posted to SO.