🥷 React Ninja Snippets

Extension to increase productivity with fast and efficient snippets, helping you write code faster and more accurately.

react-ninja

✨ Features

Generate React components automatically using the file name, with support for multiple component styles:

Trigger	Description
`rfca`	Creates a component with arrow function and separate export default
`rfc`	Creates a component with export function declaration
`rfcd`	Creates a component with export default function declaration
`rfce`	Creates a component with export const arrow function

Quick access to all essential React Hooks with automatic imports:

Simply type the trigger and press Tab or Enter:

const MyComponent = () => {
  return (
    
  )
}

export default MyComponent

The extension automatically adds the required import statement:

import { useState } from 'react';

const [state, setState] = useState()

const ComponentName = () => {
  return (
    
  )
}

export default ComponentName

export function ComponentName() {
  return (
    
  )
}

export default function ComponentName() {
  return (
    
  )
}

export const ComponentName = () => {
  return (
    
  )
}

Developed with ❤️ and lots of ☕ by @jairochabr