React Lazify

A lazy way to make lazy imports

The logo for React Lazify. Its a react logo with sleeping Z's
typescript
mocha
react
vs code

A VS Code extension for React

React Lazify is a lazy way to write lazy imports (see what I did there?). With the release of React 18, Next13, and Gatsby 5, I've found myself making a LOT more lazy imports. When upgrading some codebases, I would have to go through and re-write a ton of imports. Thus an extension was born.

Instead of just writing a quick bash script or something like that, I figured I would take the time to make something a bit more robust and shareable. Now I am maintaining my own VS code extension and am already starting to iterate on it too.

Note: This might be slightly out of date with the current version of the extension
Basic functionality

This shows the basic functionality of the extension, which is quite simple.

  • Select an import

  • ctrl+alt+cmd+L
Basic functionality

This shows the basic functionality of the extension, which is quite simple.

  • Select an import

  • ctrl+alt+cmd+L
A gif showing the basic function of React Lazify

Key Points

  • Created to solve the problem of needing to convert a large number of imports

  • Currently 98% test coverage (macOS, Windows, & Linux) with Mocha

  • Published to the VS Code marketplace for free use by anyone

  • I still maintain this project and iterate on it (over 100 downloads! yay!)

Next Project

©JW Development 2019–2023 Resume