dromse / radon.nvim

Fast generation of react hooks, components and directories using simple vim UI.

radon.nvim

Warning

🚧 in dev stage
Currently I don't have idea what to add, if you have a proporsal, create an issue for me to consider it.

📜 Intro

radon.nvim is a Neovim plugin that allows you to quickly and easily generate React hooks, components, and directories using a simple Vim UI. It is a great tool for React developers of all experience levels, from beginners to experts.

To use radon.nvim, simply type :Radon in Neovim to open the plugin menu. From here, you can select the type of React hooks, components or directories you want to generate and enter some basic information about it. radon.nvim will then generate it for you.

Here are some of the benefits of using radon.nvim:

• Speed: radon.nvim is very fast, and it can generate a new React hooks, components and directories from any place in seconds.
• Ease of use: radon.nvim has a simple and intuitive Vim UI, making it easy to use for developers of all experience levels.
• Flexibility: radon.nvim allows you to customize the generated code to your specific needs.

If you are looking for a way to speed up your React development workflow, then radon.nvim is the plugin for you. Give it a try today!

📦 Install

1. Install via your favorite package manager

-- Packer
use 'dromse/radon.nvim'

2. Setup the plugin in your init.lua

require('radon').setup()

🚀 Usage

To generate a new React hook like useState, you would type the following command in Neovim:

:Radon state

radon.nvim would then provide prompts for name and value to generate hook line:

Note

To cancel operation press Ctrl + C

Input name: myState
Input default value: 'My first generated state!'

we got line with our hook:

import React from 'react';

export function MyComponent() {
  const [myState, setMyState] = useState('My first generated state!')
  return (
    <div>
      <h1>My Component</h1>
    </div>
  );
}

You can then customize the code to your needs as required.