Menu Close
  • Home
  • VS Code Extension to create lazy imports in React
    •
In fact, it has the 39mm Oystersteel monobloc middle-case of the OP essentially, which appears a little more curvaceous than the flat, trapezoid profile of the 40mm Oystersteel Submariner. The bezel of the replica rolex watches Explorer I is different on each: The OP has a domed, high-polish bezel, while the Explorer I has what Rolex calls a "Smooth" bezel. It has a flat surface instead of the convex bezel of the OP, with nicely polished.

VS Code Extension to create lazy imports in React

VS Code Extension to create lazy imports in React

React Lazify

Features

Will change any selected default import into a React Lazy import. Is this really hard to do? No.. However, I was tired of writing out lazy imports.

To use the extension:

  • Select the component you wish to change to a lazy import
    • Supports selections with multiple cursors and highlighting
  • Use the keyboard shortcut ctrl+opt+cmd+L to make it lazy
    • If you hate the keybinding. Feel free to change it to whatever you want.
  • You can also use the command palette (shift+cmd+P) and select Lazify

Demo

Extension Settings

  • Default keyboard shortcut — ctrl+opt+cmd+L

Optional Settings

// settings.json

 // If true, all imports will use React.lazy() instead of lazy()
"lazify.imports.useDefaultReactImport": boolean; // default = false

Requirements

  • Lightweight and dependency free.
  • Tested on Linux, Mac, and Windows OS
  • Only works in .jsx and .tsx files. (But I couldn’t imagine why you would need it in any other type of file.)

Known Issues

No known issues at this time, though I’m sure there will be plenty to come. If you want to help, PLEASE report any issues or feature requests on Github

Release Notes

Check out the Change Log

Contributors

Author


jpwallace22

Justin Wallace

View Source Code
Post Views: 14
Tagged ,