Fast Preact Snippets: VS Code Snippets

Streamline Preact development with this focused collection of VS Code snippets.

Features:

Snippet	Renders
`imp`	Import Preact h function
`impc`	Import Preact, { Component }
`imph`	Import Preact with hooks
`imps`	Import Preact with useState hook
`impse`	Import Preact with useState and useEffect
`impr`	Import Preact/compat for React compatibility
`cc`	Class Component
`ccc`	Class Component With Constructor
`fc`	Functional Component
`nfc`	Named Functional Component
`fsc`	Function Syntax Component
`cdm`	componentDidMount
`uef`	useEffect Hook
`ucb`	useCallback Hook
`scu`	shouldComponentUpdate
`cdu`	componentDidUpdate
`cwun`	componentWillUnmount
`ss`	setState
`ssf`	Functional setState
`usf`	Declare a new state variable using State Hook
`usr`	Declare a new ref variable using Ref Hook
`ren`	render
`cp`	Context Provider
`cpf`	Class Property Function
`efsc`	Function Syntax Component Inline

import { h } from 'preact';

import { h, Component } from 'preact';

import { h } from 'preact';
import { useState, useEffect } from 'preact/hooks';

import { h } from 'preact';
import { useState } from 'preact/hooks';

import { h } from 'preact';
import { useState, useEffect } from 'preact/hooks';

import { createElement } from 'preact/compat';

MIT