Rescript-React-snippet

a shorthand snippets for rescript-react

lists of supported snippets:

• rescript
  • resm : Rescript Module
  • resmwt : Rescript Module With its Type
• rescript-react related
  • rcm : Rescript react Component Module
  • flc : File Level rescript react Component
  • rrs : Rescript React String
  • rrsb : Rescript React String with Backtick
  • rrus : Rescript React UseState
  • rrue0~7 : Rescript React UseEffect
• rescript-relay related
  • rqm : Rescript react Query Module
  • rmm : Rescript react Mutation Module
  • rfm : Rescript react Fragment Module
• @greenlabs/res-tailwindcss related
  • twc : rescript react TailWindCss ppx
  • twcc : rescript react TailWindCss ppx with Classname
• rescript-classnames related
  • cnm : ClassName Make

rcm : Rescript react Component Module

module $1 = {
  @react.component
  let make = ($2) => {
    $3
  }
}

flc : File Level Component

@react.component
let make = ($1) => {
  $2
}

rrs : Rescript React String

{${1:string}->React.string}

rrsb : Rescript React String with Backtick

{`${1:string}`->React.string}

rqm : Rescript react relay Query Module

prerequisite dependencies

• rescript-relay

module Query = %relay(`
  query ${FileName}${_yourQueryName_}Query ($2) {
    $3
  }
`)

rmm : Rescript react relay Mutation Module

prerequisite dependencies

• rescript-relay

module Mutation = %relay(`
  mutation ${FileName}${1:_yourMutationName_}Mutation ($2) {
    $3
  }
`)

rfm : Rescript react relay Fragment Module

prerequisite dependencies

• rescript-relay

module Fragment = %relay(`
  fragment ${FileName}${_yourFragmentName_}Fragment on ${2:queryName} {
    $3
  }
`)

twc : Rescript react Tailwind classname

prerequisite dependencies

• @greenlabs/res-tailwindcss

className=%twc(\"$1\")