Skip to content

Commit caa3691

Browse files
committed
Update README to enhance visibility with badges and improve installation instructions
1 parent 0d01825 commit caa3691

File tree

1 file changed

+20
-13
lines changed

1 file changed

+20
-13
lines changed

README.md

Lines changed: 20 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,15 @@
44

55
# React Hooks Snippets
66

7-
React Hooks Snippets is a [Visual Studio Code](https://code.visualstudio.com/) extension to make writing [React Hooks](https://react.dev/reference/react/hooks) easier and faster!
7+
![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/AlDuncanson.react-hooks-snippets)
8+
![Visual Studio Marketplace Rating](https://img.shields.io/visual-studio-marketplace/r/AlDuncanson.react-hooks-snippets)
9+
![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/AlDuncanson.react-hooks-snippets)
10+
![GitHub Repo stars](https://img.shields.io/github/stars/alDuncanson/react-hooks-snippets)
11+
![GitHub forks](https://img.shields.io/github/forks/alDuncanson/react-hooks-snippets)
12+
13+
A [Visual Studio Code](https://code.visualstudio.com/) extension that adds snippet functionality for [React Hooks](https://react.dev/reference/react/hooks).
14+
15+
> Now updated to support all of the new hooks introduced in [React v19](https://react.dev/blog/2024/12/05/react-19)!
816
917
## Supported Hooks
1018

@@ -54,26 +62,25 @@ React Hooks Snippets is a [Visual Studio Code](https://code.visualstudio.com/) e
5462
| `uash` | `useActionState` |
5563
| `uoh` | `useOptimistic` |
5664

57-
## Add to your project
65+
## Install
5866

59-
There are 2 ways you can add React Hooks Snippets to your project:
67+
Add the React Hooks Snippets extension to VS Code using one of the following methods:
6068

6169
### By command
6270
Launch VS Code Quick Open (`Ctrl+P`), paste `ext install AlDuncanson.react-hooks-snippets`, and press enter.
6371

64-
### By the Extension Marketplace
65-
Launch VS Code Extension Marketplace (Ctrl+Shift+X), search for `React Hooks Snippets`, and look for my logo!
72+
### By the Marketplace UI
73+
Launch VS Code Extension Marketplace UI (`Ctrl+Shift+X`), search for `React Hooks Snippets`, and look for my logo!
6674

75+
### By the Marketplace website
76+
Visit the extension's [Visual Studio Marketplace page](https://marketplace.visualstudio.com/items?itemName=AlDuncanson.react-hooks-snippets) and click `Install`.
6777

68-
## Contributing
6978

70-
There are two ways to contribute:
79+
## License
80+
Usage is provided under the [MIT License](https://opensource.org/licenses/MIT). See [LICENSE.txt](https://github.com/alDuncanson/react-hooks-snippets/blob/master/LICENSE.txt) for the full details.
7181

72-
### Code
73-
Submit a pull request with your proposed fixes, changes, and/or improvements. All are welcome!
82+
## Support My Work
7483

75-
### Coffee
76-
<a href='https://www.buymeacoffee.com/alduncanson' target='_blank'><img src='https://cdn.buymeacoffee.com/buttons/default-orange.png' alt='Buy Me A Coffee' height='34' width='144'></a>
84+
If you like this extension, please consider supporting me by buying me a coffee!
7785

78-
## License
79-
Usage is provided under the [MIT License](https://opensource.org/licenses/MIT). See [LICENSE.txt](https://github.com/alDuncanson/react-hooks-snippets/blob/master/LICENSE.txt) for the full details.
86+
<a href='https://www.buymeacoffee.com/alduncanson' target='_blank'><img src='https://cdn.buymeacoffee.com/buttons/default-orange.png' alt='Buy Me A Coffee' height='34' width='144'></a>

0 commit comments

Comments
 (0)