Short React Snippets

The Short Version of React Snippets

Snippets

Snippet	Renders
`us`	useState
`ue`	useEffect
`ued`	useEffect debugging snippet
`dfc`	export default fuction component
`afc`	export default arrow fuction component

us - useState

const [state, useState] = useState(null);

ue - useEffect

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

ued - useEffect debugging snippet

useEffect(() => {
  console.log(variable);
}, [variable]);

dfc - export default function component

export default function Component() {
  return <></>;
}

afc - export default arrow function component

import React from "react";

interface Props {}

const Component: React.FC<Props> = ({}) => {
  return <></>;
};

export default Component;