Problem
The Abiz ERP system aims to streamline the distribution process of water and food products, managing a vast inventory from factory to shop. The primary challenge was implementing efficient filtering and product logic due to the sheer volume of products. Additionally, handling data complexity, optimizing system performance, and ensuring a user-friendly interface were key challenges typical of ERP systems.
Production technology in detail
For the Abiz ERP system, I used React, TypeScript, React Query, React Hook Form, MUI, and Cypress. To optimize performance, I separated the logic from the UI and implemented memo, useMemo, and lazy loading with Suspense. I utilized React Query to prevent unnecessary re-renders by creating a unified function for fetching and posting data, caching it efficiently with keys. Additionally, I wrote unit tests to ensure reliability and smooth functionality throughout the system.
