Thanks christopher for the post.
but do you think that one of disadvantages of styled components is inspecting the styles in browsers dev tools, i find it difficult to follow up, what do you think?
BTW i'm new to styles components
It will display named classes instead of the randomly generated ones, so <button class="asdf123" /> would be <button class="Button-asdf123 asdf123" /> ! 😄
That's definitely a problem, it seems like the babel macro feature would allow us to use it without ejecting our app: styled-components.com/docs/tooling...
Thanks christopher for the post.
but do you think that one of disadvantages of styled components is inspecting the styles in browsers dev tools, i find it difficult to follow up, what do you think?
BTW i'm new to styles components
This is a common problem with styled components so thank you for bringing it up.
A solution would be to use the plugin mentioned here: styled-components.com/docs/tooling
It will display named classes instead of the randomly generated ones, so
<button class="asdf123" />would be<button class="Button-asdf123 asdf123" />! 😄the real problem is you need to eject create-react-app for it 😁
That's definitely a problem, it seems like the babel macro feature would allow us to use it without ejecting our app: styled-components.com/docs/tooling...
🤯🤩