Rich-text Reply

Optimizely and React

andrewwakeling 05-13-15

Optimizely and React

[ Edited ]

Hi,

 

Is your application written in React? Do you want to use Optimizely? Attempted to make some small modifications but get frustrated because React doesn't like you changing parts of the DOM without permission? Look no further... Presenting Rehacked!

Rehacked lets you mess with React's virtual dom. Rehacked is a little "evil" but lets you take a similar piggyback approach that the Optimizely editor takes.

We have used Rehacked to perform some A/B experiments with HipChat's new web client (https://www.hipchat.com), along with Optimizely.

If you want to know more about it or see some examples, then head over to https://bitbucket.org/igerges/rehacked and take a look. Kudos to Issac Gerges on the HipChat team for making this possible and sharing it.

Andrew Wakeling
- Growth Hacker @Atlassian

Re: Optimizely and React

Hi @andrewwakeling,

 

This is amazingly cool - thank you so much for sharing this with the community!

 

We're seeing more and more websites, across all industries and verticals, designed as single-page applications with libraries like Angular, Ember, Backbone, React, and Require, among others.  Optimizely's Conditional Activation makes it easy to trigger an experiment post-DOM ready in these frameworks given that most of the code is being lazy-loaded, but we're not always aware of every nuanced implementation.

 

I'd love to get your thoughts on what some of our other customers have hacked in this arena.  You can check out this Community post from our friends at Clearhead, as well as this blog post from Tilt that was featured on Hacker News.

 

Would you also be willing to share how you make the final connection to Optimizely?  Are you using Conditional Activation to secure the webhook?

Harrison Krat
Solutions Architect | Optimizely, Inc.
harrison@optimizely.com