Porting React frontend from ParlAI to Mephisto

Hi. Apart from the switch from ParlAI to Mephisto, bootstrap-chat also uses hooks with functions instead of class components.

As per the React Documentation, classes and hooks can be used together. I have my previous code from last year written based on ParlAI class components and I would like to keep it the same way to avoid more work.

Here, @JackUrb mentioned that this only needs a bit of the modification to wrap around bootstrap-chat. I am guessing he had the same thing in mind (keep the class components intact).

Can someone please elaborate on that? What parts does one need to modify for porting the React frontend for mephisto & bootstrap-chat, if one wants to keep using the class components? Can it lead to some issues?

I am still learning React on the go! Any leads would be helpful.

Thanks!

[JackUrb]

Correct, what comes through will be read as an “act” from the agent, even when sent from the mephistoContext directly.

[kushalchawla]

Hey Jack. No, I am not. Just sending the form inputs back to the server and storing there. If there is some info that ends up in the chat later on, that can be done from the server using .observe() right…