VS Code react-next-snippets

React/Next.js snippets App Router Ready

Installation Visual Studio Marketplace

Supported languages (file extensions)

• TypeScript(.ts)
• TypeScript React(.tsx)

Usage

1. Type cfc in .tsx(or .ts) File
2. VS Code will suggest "clientFunctionComponent"
3. Hit enter

Then, VS Code generate boilerplate code of your component like this:

"use client";

type Props = {};

export const FileName = (props: Props) => {
  return <div></div>;
};

Snippets