Flow 1.6.9 – React!


Flow now exports React components! Adding a 3rd export platform is a major milestone for us because the true nature of Flow is starting to reveal itself – as a tool that can export to any language, platform and style.

React Toggle Button

The newest export option that Flow offers is a toggle button built in React. After creating your animation and export it, you can integrate it into your site with just two lines of code:

Import it like this:

import ReactButton from "./js/ReactButton";

Use it like this:

<ReactButton elementID={"ReactButton"} callback={null} />

Backed by Web Components

Backing this by HTML Web Components made it really easy for us to create this React export. Essentially, the component wraps this:

  onClick={() => this.state.toggleButton.toggle(true)}

I’m Amazed

I had a hearty giggle when our dev team showed me this for the first time. It took less than a week and is a beautiful testament not only to their abilities but to how truly awesome Flow is becoming.

Our goal is this:

  1. Import your designs.
  2. Animate them.
  3. Export to ANY language.

We’re definitely getting there.

Try Flow For Yourself

Slack logo

Connect. Learn. Share.

background Made with Flow.
underscore Made with Flow.
line2 Made with Flow.
line1 Made with Flow.
circle Made with Flow.
hit Made with Flow.

result(s) found for “”.