Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/avneesh0612/react-nextjs-snippets

πŸ”Œ A VSCode extension packed with the latest React and Next.js snippets
https://github.com/avneesh0612/react-nextjs-snippets

extension javascript nextjs react react-hooks reactjs snippets typescript vscode vscode-extension vscode-snippets

Last synced: 9 days ago
JSON representation

πŸ”Œ A VSCode extension packed with the latest React and Next.js snippets

Awesome Lists containing this project

README

        

# React and Next.js Snippets

React and Next.js Snippets with TypeScript support as well!πŸš€

![Logo Showcase](https://user-images.githubusercontent.com/76690419/153743536-15a5218f-12fc-4f20-9557-9f79863ef5b8.png)

React and Next.js Snippets - React and Next.js snippets with TypeScript | Product Hunt
React and Next.js Snippets - React and Next.js snippets with TypeScript | Product Hunt

# Installation

- Install the [VSCode extension](https://marketplace.visualstudio.com/items?itemName=AvneeshAgarwal.react-nextjs-snippets)
- Reload VSCode
- Snippets are ready πŸŽ‰

# Vim Installation

These snippets should work with the following snippet plugins:

- [vim-vsnip](https://github.com/hrsh7th/vim-vsnip)
- [LuaSnip](https://github.com/L3MON4D3/LuaSnip)
- [coc-snippets](https://github.com/neoclide/coc-snippets)

Please set up the aforementioned plugins before using this snippet plugin. You
might need to explicitly enable loading of vscode snippet plugins (like in the case of LuaSnip).

## Installing the plugin

With [packer](https://github.com/wbthomason/packer.nvim) -

```
use "avneesh0612/react-nextjs-snippets"
```

With [vim-plug](https://github.com/junegunn/vim-plug)

```
Plug "avneesh0612/react-nextjs-snippets"
```

If you are using `coc-snippets`, you can simply run the following command -

```
:CocInstall https://github.com/buidler-hub/react-nextjs-snippets@main
```

# Usage

All the snippets and using guide is given in the [USING Guide](./src/extension/README.md)

# Show your support

Give a ⭐️ if this project helped you!

# πŸ“ License

Copyright Β© 2022 [Avneesh Agarwal](https://github.com/avneesh0612).

This project is [GNU](https://github.com/buidler-hub/react-nextjs-snippets/blob/main/LICENSE) licensed.

## πŸ¦Έβ€β™‚οΈ Authors

### Anurag

- Website: https://www.anurag.tech/
- Twitter: [@imanuraglol](https://twitter.com/imanuraglol)
- Discord: `Anurag#9186`

### Avneesh Agarwal

- Website: https://www.avneesh.tech/
- Twitter: [@avneesh0612](https://twitter.com/avneesh0612)
- Github: [@avneesh0612](https://github.com/avneesh0612)
- LinkedIn: [@avneesh0612](https://www.linkedin.com/in/avneesh0612)

### Kira

- Website: https://kiradev.co
- Twitter: [@kira_272921](https://twitter.com/kira_272921)
- Discord: https://links.kiradev.co/discord