React Visual Studio Code Snippets for component, useEffect, useState, and useImmerReducer

javascriptreact.json

{
  "React Component": {
    "prefix": "rc",
    "body": ["import React, { useEffect } from \"react\"", "", "function ${1:ComponentName}() {", "  return (", "    <>", "      $2", "    </>", "  )", "}", "", "export default ${1:ComponentName}"],
    "description": "React Component"
  },
  "useEffect": {
    "prefix": "ue",
    "body": ["useEffect(() => {", "  $2", "}, [$1])"],
    "description": "useEffect"
  },
  "useState": {
    "prefix": "us",
    "body": ["const [$1, set${1/(.*)/${1:/capitalize}/}] = useState($2)"],
    "description": "useState"
  },
  "useImmerReducer": {
    "prefix": "uir",
    "body": ["const ${1:initialState} = {", "", "}", "", "function reducer(draft, action) {", "  switch (action.type) {", "    case \"${4:NameMe}\":", "      // Do something here", "      return", "  }", "}", "", "const [${2:state}, ${3:dispatch}] = useImmerReducer(reducer, $1)"],
    "description": "useImmerReducer"
  }
}