How to Reload Visual Studio Code without closing it

 To reload Visual Studio Code, you can follow these steps:

1. Press Ctrl + Shift + P (Windows/Linux) or Cmd + Shift + P (Mac) to open the Command Palette.

or Go into setting and click Command Palette.

VS Code Setting

VS Code Command Pallet

2. In the Command Palette, type "Reload Window" and select the "Developer: Reload Window" option.

VS Code Developer Reload

Alternatively, you can use the keyboard shortcut Ctrl + R (Windows/Linux) or Cmd + R (Mac) to reload the window.

Visual Studio Code will restart and reload all the open files and extensions.

Please note that reloading the window will close any unsaved changes, so make sure to save your work before performing a reload.

Want to Learn  Next.js, TypeScript, Tailwind CSS then watch this video https://youtu.be/rftadFuDmC8

Learn to Build a Calculator App with Next.js, TypeScript, Tailwind CSS, and Deploy on Vercel

Custom Snippets code in VSCode for TypeScript React Functional Components

 Creating custom snippets in VSCode can greatly improve developer productivity by reducing the amount of repetitive code that needs to be typed. In this tutorial, we will explore how to create custom snippets specifically for TypeScript React functional components. We will cover the syntax for defining snippets, how to configure VSCode to recognize them, and some examples of useful snippets that can be created for React development.

"Typescript React Function Component": {

    "prefix": "fc",

    "body": [

      "import { FC } from 'react'",

      "",

      "interface ${TM_FILENAME_BASE}Props {",

      "  $1",

      "}",

      "",

      "const $TM_FILENAME_BASE: FC<${TM_FILENAME_BASE}Props> = ({$2}) => {",

      "  return <div>$TM_FILENAME_BASE</div>",

      "}",

      "",

      "export default $TM_FILENAME_BASE"

    ],

    "description": "Typescript React Function Component"

  },