Skip to content

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 ⚛️