Development

JavaScript & TypeScript Patterns

Common JavaScript and TypeScript code patterns, utility functions, and boilerplate. From async/await to React hooks.

typeblast Team

0likes0subscribers10snippets

Snippets (10)

;;useeffect

React useEffect Hook

useEffect(() => { return () => { // cleanup }; }, []);

;;usestate

React useState Hook

const [value, setValue] = useState(initialValue);

;;clg

Console Log Labeled

console.log('[label]:', value);

;;fetch

Fetch with Error Handling

const response = await fetch(url, { method: 'GET', headers: { 'Content-Type': 'appli

;;afn

Async Function

async function functionName() { try { } catch (error) { console.error('Erro

;;prom

Promise Constructor

new Promise((resolve, reject) => { });

;;tsi

TypeScript Interface

interface InterfaceName { id: string; name: string; createdAt: Date; }

;;ternary

Ternary Expression

condition ? valueIfTrue : valueIfFalse

;;tryCatch

Try-Catch Block

try { } catch (error) { console.error('Error:', error); } finally { }

;;debounce

Debounce Function

function debounce(func, wait) { let timeout; return function executedFunction(...args) {