Extensions

Extension

Lynx Snippets

Prefix-triggered snippets for React and React Native, from hook imports and UI components to exports and common list patterns.

Installation

Ready in one command

Open your editor's Quick Open command, paste this value, and press Enter. You can also use the Extensions view.

ext install bastndev.lynx-js-snippets

lv for a View. lho for a hook import. lex for an export. Lynx Snippets turns the React and React Native boilerplate you type most into a two- or three-letter prefix and a Tab.

Works in any .tsx or .jsx file — type the shortcut, press Tab or Enter, keep moving.


Quick reference

Imports

Action Prefix
Hook import lho
CSS import lcss
SCSS import lscs
Component import lcp
Image import lii

UI components

Action Prefix
View lv
Text lt
Image limg
List ll
Scroll View lll

Code generation

Action Prefix
Export (arrow function) lex
Export (normal function) lexx
Array loop arr
List item ltem
Open schema los
Select component les

Snippets are managed from the Command Palette (Ctrl + Shift + P / ⌘ + Shift + P): edit, delete, refresh, or create your own from there.