https://github.com/celsodias12/vscode-react-node-snippets

React and Node snippets.
https://github.com/celsodias12/vscode-react-node-snippets

node nodejs react react-native react-native-typescript react-typescript snippets snippets-node snippets-nodejs snippets-react snippets-react-native snippets-react-native-typescript snippets-react-typescript typescript

Last synced: 4 months ago
JSON representation

React and Node snippets.

• Host: GitHub
• URL: https://github.com/celsodias12/vscode-react-node-snippets
• Owner: celsodias12
• License: mit
• Created: 2021-07-05T16:50:39.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-09-11T21:01:39.000Z (almost 4 years ago)
• Last Synced: 2024-12-29T05:42:31.313Z (6 months ago)
• Topics: node, nodejs, react, react-native, react-native-typescript, react-typescript, snippets, snippets-node, snippets-nodejs, snippets-react, snippets-react-native, snippets-react-native-typescript, snippets-react-typescript, typescript
• Homepage:
• Size: 3.08 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/celsodias12.react-node-snippets.svg?label=Visual%20Studio%20Marketplace)](https://marketplace.visualstudio.com/items?itemName=celsodias12.react-node-snippets)

[![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/celsodias12.react-node-snippets.svg)](https://marketplace.visualstudio.com/items?itemName=celsodias12.react-node-snippets)

[![Visual Studio Marketplace Rating](https://img.shields.io/visual-studio-marketplace/r/celsodias12.react-node-snippets.svg)](https://marketplace.visualstudio.com/items?itemName=celsodias12.react-node-snippets)

![GitHub](https://img.shields.io/github/license/celsodias12/vscode-react-node-snippets)



  
React/React native/NodeJS Snippets


![Show snippets](https://raw.githubusercontent.com/celsodias12/vscode-react-node-snippets/master/images/example.gif)

## Snippets info

Below is a list of all available Snippets and prefix for each one. The **→** means the `TAB` key.




### Supported Languages

- JavaScript (.js)

- TypeScript (.ts)

- JavaScript React (.jsx)

- TypeScript React (.tsx)

- Markdown (.md)

### React

|                     Prefix | Method                      |

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

|            `axiosCreate →` | axios create                |

|  `axiosInterceptRequest →` | axios intercept request     |

| `axiosInterceptResponse →` | axios intercept response    |

|                `tronLog →` | print to reactotron console |

|               `useState →` | useState                    |

|              `useEffect →` | useEffect                   |

|                  `theme →` | theme                       |

|               `rreducer →` | react reducer               |

|           `rcombreducer →` | react combine reducers      |

### React Native

|              Prefix | Method                                |

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

|         `rnimpsc →` | react native import styled components |

|            `rnfc →` | react native functional component     |

|            `rncc →` | react native class component          |

|    `rnStyleSheet →` | react native styleSheet create        |

|        `rnnstack →` | react native navigation stack         |

|       `rnndrawer →` | react native navigation drawer        |

|         `rnntabs →` | react native navigation tabs          |

|    `rnreactotron →` | react native reactotron config file   |

|            `rnps →` | react native persist store            |

| `rnNormalizeFont →` | react native normalize font           |

### Axios

|                     Prefix | Method                   |

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

|            `axiosCreate →` | axios create             |

|  `axiosInterceptRequest →` | axios intercept request  |

| `axiosInterceptResponse →` | axios intercept response |

### Node

|                 Prefix | Method                    |

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

| `mongooseConnection →` | mongoose connection       |

|     `mongooseSchema →` | mongoose schema           |

|    `expressNewRoute →` | express router            |

|     `environmentSet →` | set environment variables |

### Express

|              Prefix | Method         |

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

| `expressNewRoute →` | express router |

### Mongoose

|                 Prefix | Method              |

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

| `mongooseConnection →` | mongoose connection |

|     `mongooseSchema →` | mongoose schema     |

### Nest

|                      Prefix | Method             |

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

| `nestDatabaseBConnection →` | nest db connection |

### Globals

|      Prefix | Method                   |

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

|     `log →` | console log object       |

| `promise →` | new promise              |

|     `imp →` | import module            |

|   `impas →` | import module as         |

|  `expdas →` | export module default as |

### Readme

|          Prefix | Method                |

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

| `readmeBasic →` | basic readme template |

|  `readmeBest →` | best readme template  |

## Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request

## License

Distributed under the MIT License. See `LICENSE` for more information.

## Contact

@celsodias12 - [Github](https://github.com/celsodias12)