Evaluate option for building Dframework

[leilafaez]

The questions we seem to have are: how do we integrate with the existing site? Deploy to Wordpress? Have a link that launches an external application? (Other options …?) what UI framework makes sense? React? (Does it need to be a single page application?) NextJS? Vanilla JS? (Rana seems to prefer Vanilla JS due to existing skills, but that can be addressed with knowledge transfer.) Is React a good fit for the problem we’re solving? Are there any considerations around managing state? Would the user leave the site and return later, or can we assume that once they’ve started the process they would complete it?

[leilafaez]

I started to research about each question above and compare the result based on advantages and disadvantages. we will decide and agree on our tech stack in our Monay session by considreration of PO's requirement and project constraints.I attached my result research here

Spike(evaluate options for builing the Dframework).pdf

[m-gurung11]

Looks great @leilafaez thank you. Will assign to @andrewwhitehouse for review

[mhallaq]

To make the decision framework application, we will consider integrating React into WordPress using the ReactPress plugin. This integration can leverage the WordPress database engine for RESTful APIs. In this concise summary, we will explore this approach's benefits, potential challenges, and opportunities, along with a successful proof of concept completed by our team.

Benefits of using ReactPress: Reusability and modular code: React promotes reusable components, improving code organization and streamlining development. Leverage WordPress's database engine: ReactPress allows developers to use the WordPress database engine as a backend for RESTful APIs, simplifying data management. Learning curve advantage: Our team already possesses the skills to develop SPAs using React, allowing us to capitalize on this technology with minimal additional training.

Proof of Concept: Our team has completed a proof of concept, demonstrating the integration of a React component into a generic WordPress site. You can view the sample React component embedded in the WordPress site at the following link: wp.mhallaq.nl/react-demo

Challenges of using ReactPress: Potential compatibility issues: ReactPress may encounter compatibility issues with other WordPress plugins or themes, which could require troubleshooting and development efforts. This plugin support WordPress Version 5.0 or higher and Tested up to 6.1.1. Also it neeeds PHP Version 7.4 or higher. SEO challenges: SPAs can present SEO challenges, requiring additional configurations to ensure proper search engine crawling and indexing.

Conclusion: Integrating React into WordPress with ReactPress can provide numerous benefits, including user experience and maintainability. With our team's existing React skills and successful proof of concept, we are well-positioned to build and enhance the user usability of the Decision Making Framework. However, we should also consider potential compatibility issues and SEO challenges when planning our sprint. By leveraging the WordPress database engine for RESTful APIs, we can unlock new opportunities to the application's maintainability. The Decision Framework will be seamlessly integrated with the current ACE website without the need to leave services based on other servers or DNS.

[andrewwhitehouse]

Our current working assumption is to use ReactPress to integrate the application into Wordpress. We need to verify whether a more complex application can be incorporated.