文字列連結

デフォルトで用意されている。

`${$NAME$}$arguments$`

CSS in JS でも使えるようにする

Emotion 等の CSS in JS ライブラリでを使う場合には、例え JS ファイルに書いていても CSS 定義の部分は CSS 扱いのエリアになるので、Live Templates の CSS に以下を追加する。

さらに定義ブロックで使用できるように設定を変えるのも忘れずに。

${$NAME$}$arguments$

RSC + tab => React Stateless Component

標準で用意されている。ファイル名と同名のファンクショナルコンポーネントを一発で作成できる。Hooks の登場によってファンクショナルコンポーネントを書く機会は増えると思うので便利。ちなみに rcc で React Class Component も作れる。con でコンストラクタ。

import React from 'react'

const App = () => {
  return (
    <div>
      
    </div>
  )
}

export default App