ReactJS is a declarative, efficient, and flexible JavaScript library for building reusable UI components and most of us are a big fan of it.

Code Snippets makes our workflow simple and less time-consuming. Let us follow a few steps to be on and going:

---

• STEP - 1

  Install ES7 React Snippets in VS Code

If you want to download externally: ext install dsznajder.es7-react-js-snippets

• STEP - 2

  How does It work?

Supported Languages

[ File Extensions ]

• JavaScript (.js)
• JavaScript React (.jsx)
• TypeScript (.ts)
• TypeScript React (.tsx)

Some Mostly Used Triggers

• rfc -> react functional component

• rfce -> react functional export component

• rafc -> react arrow function component

• rafce -> react arrow function export component

• rmc -> react function memo component

Other Important Triggers

1. imr -> import React from 'react'
2. imrd -> import ReactDOM from 'react-dom'
3. imrc -> import React, { Component } from 'react'
4. imrse -> import React, { useState, useEffect } from 'react'
5. imrpc → import React, { PureComponent } from 'react'