https://github.com/luanbitar/vscode-extension-recompose

Provide coolest snippets for recompose layers
https://github.com/luanbitar/vscode-extension-recompose

dumb-components react react-native reactjs recompose vscode vscode-extension vscode-extensionpack vscode-snippets

Last synced: 20 days ago
JSON representation

Provide coolest snippets for recompose layers

• Host: GitHub
• URL: https://github.com/luanbitar/vscode-extension-recompose
• Owner: luanbitar
• Created: 2019-04-01T16:14:35.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2020-02-05T20:17:15.000Z (over 5 years ago)
• Last Synced: 2025-04-06T20:23:02.978Z (about 2 months ago)
• Topics: dumb-components, react, react-native, reactjs, recompose, vscode, vscode-extension, vscode-extensionpack, vscode-snippets
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=lbitar.recompose-snippets
• Size: 9.12 MB
• Stars: 7
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        


   

 


[![Version of recompose-snippets vscode extension](https://img.shields.io/visual-studio-marketplace/v/lbitar.recompose-snippets.svg)](https://marketplace.visualstudio.com/itemdetails?itemName=lbitar.recompose-snippets)

[![Downloads of recompose-snippets vscode extension](https://img.shields.io/visual-studio-marketplace/d/lbitar.recompose-snippets.svg)](https://marketplace.visualstudio.com/itemdetails?itemName=lbitar.recompose-snippets)

Add this line in your settings.json to priority snippets autocomplete

> `"editor.snippetSuggestions": "top"`

## Commands

| Commands             | Description           |

| -------------------- | :-------------------- |

| lg                   | Log clipboard content |

| dumb                 | Dumb component        |

| compose              | Basic recompose layer |

| datarecompose        | Data layer            |

| staterecompose       | State layer           |

| wstaterecompose      | State shorthand       |

| handlersrecompose    | Handlers layer        |

| whandlerrecompose    | Handler shorthand     |

| hooksrecompose       | Hooks layer           |

| cdm, cdu, scu, cwu   | Lifecycles shorthand  |

| propsmapperrecompose | Props Mapper layer    |

## Usage

### lg - console.log clipboard's content

![dumb components](gifs/log.gif)

### dumb - Create dumb component

![dumb components](gifs/dumb.gif)

### compose - Base enhancer layer

![dumb components](gifs/index.gif)

### datarecompose - Data layer

![dumb components](gifs/data.gif)

### staterecompose - State layer

![dumb components](gifs/state.gif)

### handlersrecompose - handler layer

![dumb components](gifs/handlers.gif)

### hooksrecompose - Lifecycle hooks layer

![dumb components](gifs/hooks.gif)

### propsmapperrecompose - Props Mapper layer

![dumb components](gifs/propsMapper.gif)

### Supported extensions

> `(js, jsx, ts, tsx)`