Solid Typescript Snippets
Zed extension with helpful code snippets for SolidJS.
Snippets
How to install
With Forge Super installed, the button above opens the app on this extension, where you press Install. Nothing is installed until you do.
You can also open the Extensions panel in the app and search for Solid Typescript Snippets. The extension's id is solid-typescript-snippets.
Don't have Forge Super yet? Download it here.
README
From the extension's repository, written by its authors and not by Mentenaz. See the source.
zed-solid-ts-snippets
Solid Typescript snippets
A Zed-version of solid-snippets
Installation
- Clone the repo
git clone https://github.com/HarryYu02/zed-solid-ts-snippets.git
-
Open Zed > Extensions
-
Click "Install Dev Extension" > Select your cloned repo
Supported snippets
| Prefix | Description |
|---|---|
safc | Solid function component |
sapc | Solid parent component |
saflc | Solid flow component |
savc | Solid void component |
safci | Function component w/ imports |
safce | Function component w/ imports + export |
sapci | Parent component w/ imports |
sapce | Parent component w/ imports + export |
saflci | Flow component w/ imports |
saflce | Flow component w/ imports + export |
savci | Void component w/ imports |
savce | Void component w/ imports + export |
sahc | Extend HTML element |
sahci | Extend HTML w/ imports |
sahce | Extend HTML w/ imports + export |
sctxp | Solid context provider boilerplate |
ssig | createSignal shorthand |
seff | createEffect shorthand |
seffon | createEffect(on(...)) variant |
smemo | createMemo shorthand |
smemoon | createMemo(on(...)) variant |
Contributing
Any contributions are welcomed!