Skip to content

react-faster

React snippets for TypeScript done right.

Many people are not good in memorizing magic acronims like rcc, imr, and similar.

So many books on coding stress on importance of readable names. So, it's okay to spell out snippets' prefixes:

List of Snippets

Component Snippets

Prefix (name)	Snippet result
`react-component-functional`	React functional component.
`react-component-class-stateteless`	React class component without state.
`react-component-class-stateteful`	React class component with state.
`react-mobx-component-functional`	mobx-enabled React functional component.
`react-mobx-component-class-stateteless`	mobx-enabled React class component without state.
`react-mobx-component-class-stateteful`	mobx-enabled React class component with state.
`react-component-constructor-props-and-state`	Constructor with props and state for a class component.

Hook Snippets

Prefix (name)	Snippet result
`react-hook-useState-initialize-immediately`	Template of State Hook with immediate initialization.
`react-hook-useState-initialize-lazily`	Template of State Hook with delayed initialization using a callback function.
`react-hook-useEffect`	Template of Effect Hook.
`react-hook-useEffect-with-cleanup`	Template of Effect Hook with a cleanup function.
`react-hook-useEffect-with-dependencies`	Template of Effect Hook with explicit dependencies.
`react-hook-useEffect-with-cleanup-and-dependencies`	Template of Effect Hook with a cleanup function and explicit dependencies.