Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>JS World Better SnippetsNew to Visual Studio Code? Get it now.
JS World Better Snippets

JS World Better Snippets

victordev

|
12 installs
| (1) | Free
This extension provides a collection of JavaScript, TypeScript, React and React Native code snippets to help you write code faster and more efficiently.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

JS World Better Snippets 🇧🇷

Hi Developers 👋!

This extension provides a collection of JavaScript, TypeScript, React and React Native code snippets to help you write code faster and more efficiently.

Features

Snippets

Javascript Snippets

Prefix Description
export export
exportdefault export default

React Snippets

Prefix Description
component, rc React component
typedcomponent, rct Typed React component
asynccomponent, rac React async component
typedcomponent, ract Typed async React component
us, useState React useState
customhook, ch Custom Hook
context, ctx React Context with custom hook
context, ctx React Context with custom hook *React 19

React Native Snippets

Prefix Description
rncomponent, rnc React Native Component
rncomponentstyles, rncs React Native Component with StyleSheet

Typescript Snippets

Prefix Description
func, f Create a TypeScript function
asyncfunc, af Create a TypeScript async function
exportfunc, ef Export a TypeScript function
exportasyncfunc, eaf Export a TypeScript async function
func, fp Create a TypeScript function with props interface
asyncfunc, afp Create a TypeScript async function with props interface
exportfunc, efp Export a TypeScript function with props interface
exportasyncfunc, eafp Export a TypeScript async function with props interface
arrowfunc, af Create a TypeScript arrow function
arrowasyncfunc, aaf Create a TypeScript async arrow function
exportarrowfunc, eaf Export a TypeScript arrow function
exportarrowasyncfunc, eaaf Export a TypeScript async arrow function
interface, i Create a TypeScript interface
exportinterface, exi Export a TypeScript interface
type, t Create a TypeScript type
exporttype, ext Export a TypeScript type
enum, e Create a TypeScript enum
exportenum, exenum Export a TypeScript enum

Release notes:

See ./CHANGELOG.md


By React Developer ⚛️

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft