Wrapping Famo.us with Trigger.io for Silky Smooth UI Animations at 60fps

Unless you’ve been living under a rock for the last few months you’ve probably heard some buzz on the interwebs about a new Javascript UI Framework called Famo.us that promises to change all the things!

Given the rate at which JS frameworks proliferate these days this could be a somewhat outrageous claim to make unless, in fact, it can and does.

I’ve been following their progress for some time now but rather than giving you my opinion I’ll ask you a few questions and then give you the opportunity to find out for yourself:

  • Would you like your app to feature silky smooth UI animations & transitions running @ 60fps without having to write native code?
  • Would you like the ability to create gorgeous custom user interface components that can compete with anything we’ve seen in native apps?
  • Would you like to easily populate a scrolling list view containing more than ten items without reducing your mobile device to a superheated vapour?
  • Would you like to do all of the above in Javascript without having to fight HTML & CSS every step of the way?
  • (Can you tell that I’m excited yet?)

If your answer to even one of these questions is “Hell Yeah!” then pop open a terminal window and do this:

And this:

Answer the prompts truthfully and then you can go:

Or, if you prefer:

Which should give you something like:

Problems?

Want Moar?

Keep an eye on @triggercorp for our upcoming Famo.us Trigger.io tutorial covering the ins and outs of using Forge native modules with Famo.us.

In the meantime, you can check out our sample app built with Trigger.io and Famo.us here: https://github.com/trigger-corp/tutorial-famous/

image

What’s a generator anyway?

When you did this:

…you invoked a generator that creates a seed app configured with all the bits and bobs needed to use Famo.us within a Trigger.io app.

Generators are built using a really cool tool called Yeoman which also allows you to create seed projects for many other kinds of JS frameworks and projects.

You can check the famous-triggerio generator out here: https://github.com/trigger-corp/generator-famous-triggerio/

We’re currently working on creating Trigger.io generators for a number of other frameworks, let us know if there’s a framework you’d like to see us support!

What do hybrid apps have in common with sloths?

Hint: It’s not velocity