Abdallah B.

I worked on optimizing the performance of a legacy application developed in **React**. The main objective was to reduce the slowness experienced by users, especially on complex components and pages with high data volume.

The actions taken included:

Performance audit using React profiling tools and Chrome DevTools.

Refactoring components into functional components, lighter and more reactive.

Using React.memo and useMemo/useCallback to avoid unnecessary re-renders.

Implementing Virtualization with libraries like react-window to improve the fluidity of long lists.

Cleaning up obsolete code and detecting React anti-patterns.

This mission significantly improved the rendering time and responsiveness of the user interface, while ensuring better code maintainability.

Redesign and modernization of a legacy application (4D & JavaScript)

I participated in the redesign of a legacy application by migrating its architecture to modern technologies, while ensuring the continuity of existing functionalities.

🔹 Modernization: Upgrading the architecture for better performance and maintainability.

🔹 Data visualization: Integration of Chart.js for interactive and dynamic charts, facilitating analysis and decision-making.

🔹 Legacy expertise: Experience in migrating old applications to modern environments.

This mission allowed me to combine technical redesign with UX improvement, by providing performant and intuitive solutions.

Karavel (French leader in online travel)

Contribution to the Frontend refactoring of Promovacances.com and Fram.fr websites to optimize their performance.

Main tasks: integration of new pages (FreeMarker, **React.js**, **Redux**, HTML, Sass), breakdown into reusable components, development of interactive features, testing, regression fixing, and code reviews.