IQSS
Design System - Support for react 19
Now that React 19 is more stable, we should consider supporting it in our design system, mostly because it would be a good idea to upgrade the spa frontend to react version 19 as well, to keep things up to date.
Since our Design System relies on react-bootstrap, we'll need to wait until they release a stable 3.0.0 version with React 19 support. Currently, react-bootstrap version 3 is in beta, as you can see in their CHANGELOG at the moment of creating this issue.
Once react-bootstrap v3 is stable we could start working on this issue.
Notes: please once supporting react 19 the design system should be compatible with react version 18 also, so the spa keeps working correctly.
In addition to the above, I'm excited about support for Custom Elements in React 19. Our design system is great, but it can only be used by React apps. If we could gradually move toward Custom Elements (part of Web Components), non-React apps could make use of our design system as well.
I agree this would be very useful, especially for IQSS frontend applications. My main concern is how a gradual implementation would work and the process involved. However, I think it's a great idea with a lot of potential 👍🏼
I've played a little with web components / custom elements a time ago and they offer very good things, like the shadow dom and the possibility of encapsulating the styles of the component, but I know that the way to develop them can be a little tedious and not so familiar.