Short React Snippets

The Short Version of React Snippets

Snippets

Snippet	Renders
`us`	useState
`ue`	useEffect
`ued`	useEffect debugging snippet
`lij`	insert console.log in JSX
`dfc`	export default fuction component
`afc`	export default arrow fuction component
`efc`	export fuction component

us - useState

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

ue - useEffect

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

ued - useEffect debugging snippet

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

lij - insert console.log in JSX (IIFE)

{
  (() => {
    console.log(variable);
    return <></>;
  })();
}

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;

efc - export function component

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

export { Component };