Rax Snippets

This VS Code extension adds support for Rax snippets.

Usage

1. Input snippets
2. Use tab change cursor position

Snippets

Full Expansions

ir - Import Rax

import { createElement } from 'rax';

irc - Import rax, Component

import { createElement, Component } from 'rax';

irh - Import rax, Hooks

import { createElement, useState, useEffect } from 'rax';

cc - Class Component

class | extends Component {
  state = { | },
  render() {
    return ( | );
  }
}

export default |;

fc - Function Component

function |(props) => {
  return ( | );
}

export default |;

ush - Use State Hook

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

ueh - Use Effect Hook

useEffect(() => {
  // componentDidMount()
  |
  return () => {
    // componentWillUnmount()
    |
  }
  // effect dependency array
  }, [|]);

umh - Use Memo Hook

const memoizedValue| = useMemo(() => computeExpensiveValue|(a|, b|), [a|, b|]);