SnippStack: JS, TS, React, RN & Docs Toolkit

Preview

Veera Teja

37 installs

SnippStack is a productivity toolkit for JavaScript and TypeScript developers using React and React Native. It offers curated code snippets for components, hooks, and utilities, plus seamless JSDoc/TypeDoc live previews inside VS Code. Ideal for devs who want to write faster, cleaner, and well-docum

Installation

Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.

Copied to clipboard

More Info

⚠️ Note:
This is a preview version of the extension.
The full version is under development.

The all in one VSCode extension for multi language snippets and rich documentation previews.

📄 Description

SnippStack is your unified snippet and documentation powerhouse inside VSCode.

Supported languages

React Snippets
- Functional Component Snippets
- Hook Snippets
JavaScript Snippets

React Snippets

Functional Snippets

Prefix	Description
`reactFC-arrow-named`	React arrow functional component with named export
`reactFC-arrow-default`	React arrow functional component with default export
`reactFC-function-named`	React standard functional component with named export
`reactFC-function-default`	React standard functional component with default export

Hook Snippets

Prefix	Description
`hook-useState`	react useState hook
`hook-useEffect`	React UseEffect hook

🔍 Snippet Examples

🔹 `reactFC-arrow-named`

/**
 * Button component
 * description
 * @description description
 * @summary summary
 * @component
 *
 * @author author
 * @version version
 * @since date
 *
 * @example
 * return (
 *  <Button/>
 * );
 *
 * @returns JSX.Element
 */
export const Button = () => {
  return <div>Button</div>;
};

License

MIT licensed.