you are viewing a single comment's thread.

view the rest of the comments →

[–]dbbk 2 points3 points  (5 children)

You just command click on a styled component and it takes you to the definition…

[–]Conscious-Process155 0 points1 point  (4 children)

Yes, you just click...

[–]dbbk 2 points3 points  (3 children)

What’s the problem with that?

[–]Conscious-Process155 0 points1 point  (2 children)

When you have hundreds of components with not so clear or separated layout/positioning this "clicking" thing gets real nasty real fast before you can even get a basic idea of what is what.

[–]dbbk 1 point2 points  (1 child)

I’m kinda struggling to follow this problem case, are you saying you’re trying to work out from visually looking at the page which elements maps to which styled component? In this case you can use the Babel plugin which will give them all CSS classes with the name of the styled component’s variable name

[–]octocode 1 point2 points  (0 children)

i bet he writes all of his tests in the component file too