Light

napmn / react-extract.nvim Goto Github PK

View Code? Open in Web Editor NEW

107.0 107.0 3.0 601 KB

Neovim plugin for extracting jsx into React component

License: MIT License

Lua 100.00%

react-extract.nvim's Introduction

Hi 👋, I'm Lukas

An experienced Frontend developer who loves to vim

🌱 Constantly expanding and deepening my knowledge about web development.
🔭 Passionate about optimizing the dev workflow.
👯 Seeking collaboration on React / Django packages and Neovim plugins.

Connect with me

react-extract.nvim's People

Contributors

Stargazers

Watchers

Forkers

davidk55 jcha0713 letieu

react-extract.nvim's Issues

Extract component to current file

Three strategies of placement:

end of file
right above current component (maybe skip type definition if it's above current component?)
right below current component

(2. and 3. only with treesitter)

Use treesitter to select JSX element under cursor for extracting

[Help] bad argument #3 to 'gsub'

I got this error when trying to extract to new file

Error executing vim.schedule lua callback: ...cker/start/react-extract.nvim/lua/react-extract/init.lua:49: bad argument #3 to 'gsub' (string/function
/table expected)

I use treesitter, lsp with https://github.com/jose-elias-alvarez/typescript.nvim

Does not work

This plugin does not work. Is this an abandoned project because that's what it seems like .

Support extracting text objects

First off, cool plugin!

It'd be even cooler if you provided a mapping / a function to work in operator mode with text objects!

Error when attempting extraction of JSX: attempt to get length of local 'properties' (a nil value)

Perhaps I am misusing what this is about but I was hoping to take a piece of JSX and extract it to a component in a new file.

I am using NvChad.

I have tsserver setup:

My configuration is the default configuration:

I selected some extractable JSX using "V" and hit "<leader>re" and then was asked for a filename and input: "thingbobfoo.tsx" then was greeted with an error:

A new empty buffer is opened with the filename but there is nothing in there and the original buffer has not been changed at all.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.