Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>React TS Code SnippetsNew to Visual Studio Code? Get it now.

React TS Code Snippets

Tarek Hammami

|
34 installs
| (0) | Free
React TS Code Snippets
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React TS Code Snippets for VS Code

All abbreviations share a rt (for React TS) prefix.

rtfc - Functional Component

import type { FC } from 'react';,

interface |Props {|}

const |: FC<|Props> = (|) => {
  return (|);
}

export default |;

rtus - useState Hook

const [|, set|] = useState(|);

rtue - useEffect Hook

useEffect(() => {
  |
}, [|]);

rtif - Import From

import | from '|';

rtipf - Import Props From

import { | } from '|';

rtxc - Export Const

export const | = |;

rtxd - Export Default

export default |;

rtxaf - Export All From

export * from "|";

rtxdf - Export Default From

export { default } from "|";

rtxdaf - Export Default As From

export { default as | } from '|';
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft