Introduction
Apium Delivery is a top grocery delivery company that operates in multiple cities in the western US. Their software routes drivers effectively to customers’ homes, ensuring timely delivery of fresh groceries and allowing customers to track their deliveries, provide feedback on drivers and groceries, and more.
One of the key features of the Apium Delivery platform is the dashboard, which provides a range of tools and information for both customers and delivery drivers. The dashboard was originally built using older versions of Angular, a popular JavaScript framework. However, over time, we decided to transition to React, another popular JavaScript framework, in order to improve the performance, user experience, and user interface of the dashboard.
Why the Transition Was Necessary
There were several reasons why we decided to transition from Angular to React. First and foremost, we were looking to improve the performance, speed and user interface of the dashboard. Angular is a powerful javascript framework, but it can be quite resource-intensive and slow, particularly when rendering large amounts of data or handling complex user interactions.
In addition to performance issues, Apium Delivery was also looking to improve the overall user experience of the dashboard. Angular is known for its steep learning curve and complex architecture, which can make it challenging for developers to work with and maintain. By contrast, React is known for its simplicity and ease of use, which can make it more accessible and efficient for developers to work with.
The Transition Process
The transition from Angular to React was a significant undertaking for our react team, as it required a complete overhaul of the dashboard’s functional components and codebase. The company began by carefully planning the transition, including identifying the dashboard technology stack, user interfaces, and component logic for potential risks and challenges that might arise during the process.
The team then began the process of refactoring the Angular code into React, using a combination of automated tools, manual efforts, and rewriting existing code. This included breaking down the Angular code into smaller, more manageable chunks, and then reassembling it using React components.
The team also took advantage of the opportunity to modernize the dashboard’s design and functionality, incorporating new features and functionality that were not possible with the Angular codebase. This included the use of responsive design techniques to ensure that the dashboard would work seamlessly on a range of devices, as well as the incorporation of new data visualization tools to make it easier for customers and drivers to track and understand their delivery data.
Results
The transition from Angular to React was a success. We were able to improve the performance and user experience of the dashboard significantly, making it faster and more responsive for both customers and drivers. The new React-based codebase was also easier for developers to work with and maintain, reducing the time and resources required for updates and bug fixes.
In addition to these technical benefits, the transition to React and upgrading the user interfaces also helped to boost Apium’s customer support team performance. Apium Delivery’s support team appreciated the faster and more reliable performance of the dashboard, which made it easier for them track and perform other backend administration tasks. Delivery drivers also benefited from the improved dashboard, as they were able to access the tools and information they needed more quickly and efficiently.
Conclusion
Overall, the transition from Angular to React was a major success. We were able to improve make performance improvements and user experience of the dashboard, while also streamlining the development process and increasing customer satisfaction. By embracing the power and simplicity of React, we were able to take Apium Delivery’s platform to the next level, solidifying its position as a leader in the food delivery industry.
