https://github.com/abolkog/react-redux-simple-snippets
My React, Redux Snippets for Visual Studio Code
https://github.com/abolkog/react-redux-simple-snippets
react react-native redux snippets vscode-snippets
Last synced: about 1 year ago
JSON representation
My React, Redux Snippets for Visual Studio Code
- Host: GitHub
- URL: https://github.com/abolkog/react-redux-simple-snippets
- Owner: abolkog
- Created: 2018-11-29T07:14:49.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2021-04-10T04:04:26.000Z (about 5 years ago)
- Last Synced: 2025-03-27T10:34:20.012Z (over 1 year ago)
- Topics: react, react-native, redux, snippets, vscode-snippets
- Size: 25.4 KB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# React Redux Simple Snippets
Collection of the essentioanl Snippets for `React`, `React Native` and `Redux`.
These snippets are selected based on my own use. Not everything is included, it is meant to be a minimal collection of the essentials only.
## Works With
- JavaScript (.js)
- JavaScript React (.jsx)
- TypeScript React (.tsx)
# Snippets List
## React
| Trigger | Result |
| ------- | ----------------------------------------------- |
| `rfc` | React functional component skeleton |
| `rusth` | useState hook |
| `rcc` | React class component skeleton |
| `rccc` | React class component with constructor skeleton |
| `rcr` | React class component with redux connect |
| `con` | Creates class constructor |
| `ss` | setState shortcut |
## React (Typescript)
| Trigger | Result |
| ------- | ------------------------------------------ |
| `rfct` | React stateless component skeleton |
| `rnfct` | React Native functional component skeleton |
| `rusth` | useState hook |
## React Native
| Trigger | Result |
| ------- | ------------------------------------------ |
| `rncc` | React Native class component skeleton |
| `rnfc` | React Native functional component skeleton |
| `rncr` | React Native component with redux connect |
| `imrn` | Import React Native Element |
| `rnss` | React Native StyleSheet |
## Redux
| Trigger | Result |
| --------- | ----------------------- |
| `reducer` | Redux Reducer skeleton |
| `action` | Action Creator skeleton |