The Dynamic Components Library was developed as a solution to a significant challenge in the sales force project: code repetition in multiple parts of the system. In order to streamline development and maintain consistency, we decided to create a library that would facilitate code reuse and dynamic component generation. To implement this solution, we employed a combination of advanced technologies, including React for component creation, Storybook for display in a development environment, and Rollup for component optimization and packaging. This strategy not only enabled increased development efficiency, but also improved the maintainability and scalability of the project by reducing redundancy and centralizing component management.

Within the dynamic component library, the most notable component is the dynamic report component, which stands out for being the most complex and versatile of the entire collection. This component is composed of a series of dynamic subcomponents that work together to offer a flexible and adaptive presentation of various types of reports. Its design allows the generation of reports in real time, integrating multiple display formats, including dynamic tables, graphs of various types and interactive maps. Thanks to its ability to effectively manage and display data, the dynamic report component not only facilitates the interpretation of information, but also improves decision making by providing a comprehensive and personalized view of the data.

In addition to the dynamic report component, the library includes other equally important dynamic components. The dynamic table component offers an orderly and categorized way of presenting data, facilitating its analysis and understanding. The dynamic map component allows the data to be visualized on an interactive map, providing a geospatial perspective of the information. Finally, the dynamic filters component offers the flexibility to apply different configurations to customize the filters to be applied to the data, thus optimizing the visualization and analysis of the information according to the specific needs of the user. These components work together to provide a rich and versatile user experience, adapting to various forms of data presentation.