Как сделать динамическое сравнение текста в реакции?

Question

Я пишу клон набрав текст с использованием реакции. Я хотел бы, чтобы образец цвета текста менялся мгновенно по мере ввода каждого символа. В настоящее время я разбиваю целые абзацы на отдельные символы и помещаю их в теги span, а затем меняю их цвет по результатам сравнения. Есть ли способ лучше.