We mutually agreed ReactJS was the clear choice for the user interface, React-Redux would also be used for APIs (Saga and Reducers). We needed to use mock requests and responses to intergrate the API documentation with the application.
From the beginning phases of our relationship, the client made it clear that they were ready to move full-speed ahead with the development. For this reason, we were able to move forward without any roadblocks, as we eliminated all uncertainties and doubts proactively.
When collaborating on a global scale, communication deficits often arise. Our international campaigns circumvent communication barriers by catering to the client's time zone, matching their business hours, and adapting to their internal processes.
Although our client was based in the Netherlands, and we worked together without meeting on the same geographical plane, the development progressed as smoothly as it would if we were sharing a singular workspace.
During the development we leveraged the following technologies…
We used react-bootstrap to implement basic level components. Though we had basic components to use for the presentation layer, we had to implement a middle-level component to keep the look and feel of all elements (components) homogeneous across application.
All components inherited attributes from the basic component, utilizing a base CSS that we applied across the application. The portal has already been developed using AngularJS, so it contains all the screens for reference.
Essentially, we produced a react application that would complement the preexisting streaming environment. Knowing Redux only supports synchronous data flow, we implemented a simple user flow to respond to actions, data, and updates. The user flow follows the path below…
The middleware handles two tasks. It first handles the asynchronous calls, and then it mitigates the data response, communicating with reducers to handle the responses synchronously.
In the end, we completed the API documentation, sending an adaptable view layer into the world. The client's streaming software functioned more efficiently and required less maintenance. We have maintained our relationship with our Netherland's client, mapping out further development and outlining future engagement.