question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Request: Map classes/ids to component names

See original GitHub issue

Caveat that I have NO idea how complex this would be, but it’d be amazing if there was an option that when checked, was aware of component names eg: main-nav, and when it encountered an ID or class in the code that matched that name, inserted the matching component in it’s place.

Issue Analytics

  • State:open
  • Created 4 years ago
  • Comments:7

github_iconTop GitHub Comments

1reaction
steve8708commented, Sep 23, 2020

Hey everyone - apologies for the delay here! Busy doing a lot of work in prep for holidays but this is definitely very interesting

Once I can find a moment, I need to look into if figma plugins can register components (I recall them not being able to but this may have changed)

Also worth pointing out - we gladly take pull requests / contributions if you would like to add this feature in yourself!

0reactions
steve8708commented, Nov 12, 2020

Just want to add an update here as this thread is still top of mind.

One of the next significant things we want to do with this plugin is integrate with JSX Lite to read and generate code from.

This could also map well to Figmas components system so I think there is an opportunity there to tackle these two things at a time, so currently focusing on getting that project to a stable v1 and then will be looking deeper here again

Read more comments on GitHub >

github_iconTop Results From Across the Web

The Map component - Google Web Designer Help
The Map component lets you display a customized, interactive map. ... You can also check the Request user location box to prompt the...
Read more >
How to Test React Components: the Complete Guide
The first thing we do in our test is call our fake axios get request, and mock the resolved value with ironically the...
Read more >
How To Create React Elements with JSX - DigitalOcean
Step 1 — Adding Markup to a React Element ... Here's a simplified example that maps a list of names into a containing...
Read more >
Can i map through a list of components? - Stack Overflow
I have a list of components I made and I want to map through them so that can display all at once where...
Read more >
How to map data into Components using ReactJS?
That means there is no need to call components and their props as array ... Example: Mapping data from list.js file to custom...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found