React Snippets Extension Not Working for me

[omer-os]

OS: Ubuntu

Description of the issue:
The react-snippets extension does not seem to be working. After installing it, none of the expected React snippets are available. I have also attempted to install other React snippet extensions, but none of them appear to be functional either.

Steps to Reproduce:

1. Install the react-snippets extension from the Zed Editor's marketplace.
2. Create a new .js or .jsx file or tsx file.
3. Type a snippet prefix (e.g., rfc).
4. The snippet does not appear in the autocompletion suggestions.

Expected behavior:
Typing a snippet prefix should trigger the corresponding code snippet to appear in the autocompletion list, allowing for quick insertion.

i used these other extentions as well none seems working for me:
https://github.com/vishnuroshan/zed-react-ts-snippets
https://github.com/Konstantinos-Ps/zed-nextjs-react-snippets

can you help me resolve this please? what should i do ?

[omer-os]

i found solution for this issue this way:

1- ctrl + Shift + p
2- type configure snippets
3- select tsx option "this will make it work for tsx files"
4- copy and paste object from https://github.com/tamimhasandev/react-snippets/blob/main/snippets/javascript.json
5- this way you configured snippets for tsx files manually

[nitindixit03]

Any solution for zed editor yet??

[MarcoRettoreDev]

Any solution for zed editor yet??

It works if you do the upper instructions. Also you'll need to reaload extensions:

cmd+shift+p and look for "zed:reaload extensions"

Also this opens the posibility to keep adding snippens, im working on a PR with ReactNative ones 🙂

[khandakershahi]

I was testing and faced the same issue. @omer-os suggestion work for jsx file type. Thanks. @tamimhasandev any update?

[tamimhasandev]

I’ve fixed the issue — it should start working soon.

[khandakershahi]

I’ve fixed the issue — it should start working soon.

Yes, it works now. I just test it before your comment v1.0.4. If you kindly add the rsc when you got time.
I used this extension for VSCodium.
https://github.com/xabikos/vscode-react

[tamimhasandev]

I’ve fixed the issue — it should start working soon.

Yes, it works now. I just test it before your comment v1.0.4. If you kindly add the rsc when you got time. I used this extension for VSCodium. https://github.com/xabikos/vscode-react

Sure! I’ll definitely add it.
If you have any other recommended snippets, please feel free to share them as well.

[mandarliev]

Can we make the useState snippet make the set function camel case automatically?

Simiar to this one:

"Declare a new state variable using State Hook": {
"prefix": "usf",
"body": ["const [${1}, set${1/(.*)/${1:/capitalize}/}] = useState($2);"],
"description": "Declare a new state Variable using the State Hook. Hit Tab to apply CamelCase to function"
},

This is from: https://github.com/burkeholland/simple-react-snippets/blob/master/snippets/snippets.json