⚡️Lynxjs Snippets (.tsx)

Optimized snippets to speed up your web and mobile development in #lynxjs projects. Automates common code structures and saves you time.

📦Marketplace: https://marketplace.visualstudio.com/items?itemName=bastndev.lynx-js-snippets

🧩 Snippet	🆎 Prefix	⚡ Quick Shortcut
Import Hook	l-hook.import	lho
Import CSS	l-css.import	lcss
Import SCSS	l-scss.import	lscs
Import Component	l-component.import	lcomp/lcp
Import Image	l-image.import	lii
-	-	-
View	l-view	lv
Text	l-text	lt
Image	l-image	limg
-	-	-
List	l-list	ll
Scroll View	l-scroll-view	lll
-	-	-
Export Arrow Func	l-export => function	lex
Export Normal Func	l-exxport {} function	lexx
-	-	-
Array Loop	l-array	arr
List Item	l-list-item	ltem
Open Schema	l-open-schema	los
Select Component	l-select-component	les

🧪 Test Snippets

🧩 Snippet	🆎 Prefix	⚡ Quick Shortcut
Main Component	l-main	lmain
Array + List Item	l-array.list-item	lal
Export Component Alt	x-export =>	xx

🚀 How to Use

1. Open a .tsx or .jsx file.
2. Type any Quick Shortcut (e.g., lv for View).
3. Press Tab or Enter to expand the snippet.

🧩 Extension Commands [ + ]

This extension includes several commands to help you manage your snippets efficiently. You can access these commands by pressing Ctrl+Shift+P (or Cmd+Shift+P on macOS).

• 🛠️ Manage Snippets: Edit • Delete • Refresh • (Reset Snippet) & Create new snippet.
• ✍️ Create New Snippet: Starts the process to create a new custom snippet.
• ♻️ Reset Snippets: Restore a snippet to its original state.

🔗 (Github:)[https://github.com/bastndev/Lynxjs-Snippets.tsx]