Builders Snippets

Code harder, better, faster, stronger

Sobre o Projeto

Snippets para criação de components e outros utilitários para React e React Native.

Linguagens Suportadas

• JavaScript (.js e .jsx)
• TypeScript (.ts e .tsx )

Snippets

Lista com todos os Snippets disponíveis para uso

Geral

Prefixo	Conteúdo
afn	Cria uma arrow function
clt	Cria um console.tron.log
imp	import { } from '~/';
useEffect	useEffect(() => { },[])
useState	const [value, setValue] = useState(null);

React

Prefixo	Conteúdo
rfc	Cria um Componente Functional
rstyled	Inicia styles no react native

React Native

Prefixo	Conteúdo
rnfc	Cria um Componente Functional

Styles

Prefixo	Conteúdo
stc	const <NAME> = styled(<COMPONENT>)``;
ifs	const <VARIABLE> = getTheme('<PROPERTY>');
gt	const <VARIABLE> = getTheme('<PROPERTY>');
gtm	const <PROPERTY>Main = getTheme('<PROPERTY>.main');
gtl	const <PROPERTY>Light = getTheme('<PROPERTY>.light');
gtd	const <PROPERTY>Dark = getTheme('<PROPERTY>.dark');
gtc	const <PROPERTY>Contrast = getTheme('<PROPERTY>.contrast');
stp	Cria estrutura do Typography
gtsr	const smallRadius = getTheme('smallRadius');
gtmr	const mediumRadius = getTheme('mediumRadius');
gtlr	const largeRadius = getTheme('largeRadius');
gtss	const smallSpacing = getTheme('smallSpacing');
gtms	const mediumSpacing = getTheme('mediumSpacing');
gtls	const largeSpacing = getTheme('largeSpacing');
imp	import { } from '~/';
rnstyled	Inicia styles no react native