Get Traction with Interaction: Modeling Interactive Content with React and Contentful's Rich Text Editor
How do we make content come to life in our readers' hands with React?
There is a movement happening among online publications: we're realizing that static text articles aren't enough, and that the future of online content is interactive. But how do we translate code — like React components — into something that can be stored in our headless CMS? And how do we ensure that our writers and translators can update the text portions of interactive content without having to wait for a code deploy?
In this talk, I'll describe the approach we're using at Clue to render interactive content in the middle of text-based articles on our React-based content site, helloclue.com. We'll cover the content model, the code, and the production process we use to create interactive content that works for both our developers and our writers.