Create component library with CSS modules reusing other OSS solutions.

[swernerx]

Often times in projects using edge we see issues with selecting good matches for the architectural decisions being made by Edge e.g. using CSS modules for sandboxing of component styles. We care about keeping the bundle size of applications down - therefor it makes sense to offer assistance with pre-selected components and offering a set of pre-tested and compatible component libraries and solutions. We might even think of a new sub-project edge-library which has dependencies to different OSS libraries, offers Storybook demos and possible some custom solutions to share in applications.

[swernerx]

Forms:

• Downshift: Dropdowns, AutoSuggest Boxes, etc. Accessible and Style-less
• Formik: Generic Form Handling with Validation and Submit Handling. Redux-free.
• Rating Clever CSS-only solution for implementing a rating widget.
• Starability Alternative CSS-only rating solution.

Charting:

• React Trend: Simple line chart for showing growth/decline of a single value over time.

Animation:

• React Move Version 2.0 got some massive improvement. One of the best candidates for general animation needs in ReactJS.
• React Flip Move: Reordering of lists using the FLIP technique for 60fps rendering.

Modern CSS Frameworks:

• Shoelace