Creating a math keyboard using React and MathQuill

Question

I have been trying to create a math keyboard using mathquill, like the one in the screen below, where you can insert math symbols and write over them to answer a question. Found some solutions, but none using react that do not require ReactDOM. Does anyone know how can I achieve something like that?

Answer 1

Creating math keyboard functionality can be done with MathKeyboardEngine in combination with any LaTeX typesetting library. So if there is a LaTeX typesetting library for React that does not require ReactDOM (like you stated you want) then you can use it in combination with MathKeyboardEngine.

• Katex has a few packages for React, for example react-latex or react-katex, of which the first seems to not use ReactDOM.
• MathJax also has React packages, for example better-react-mathjax.

I’m curious whether this will work. (I have no experience with React.)