search

opencrvs / opencrvs-core

A global solution to civil registration
https://www.opencrvs.org
Other
90 stars 73 forks source link

Make sure React component names can be seen in React DevTools #2988

Open rikukissa opened 2 years ago

rikukissa commented 2 years ago

Product value

Adding this helps core developers find the UI component they see on the screen from the codebase. This translates to better development experience especially to new team members and increases delivery speed.

Description

Currently many of our styled components are only shown as styled.* which makes it difficult for new developers to understand where to find the components they are looking at

image.png

This could be configured as part of Craco https://styled-components.com/docs/tooling

Notice that this tool strengthens the dependency to Webpack, which might not be what we want in the future.

euanmillar commented 2 years ago

@rikukissa should we close since we are going with Vite?

rikukissa commented 2 years ago

I think we also need a Vite plugin to get this to work :/

rikukissa commented 3 months ago

Pushing to high priority as this would help new developers a lot.