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