aolufisayo

Framer for PC & Linux users

One of the most common questions I see in the Framer Facebook group is people wondering whether you need to use a Mac to run Framer. That’s understandable — the website has a screenshot of a Mac app, a download button, and a caption saying ‘available for Mac’. Here’s the thing — you can use Framer and join this wonderful community & way of working on any platform. Let me explain…

The app you see in the screenshots on the Framer website is ‘Framer Studio’. It’s a paid app, for OSX only. The thing that powers it though—Framer.js—is open source, and available for free on GitHub.

To save you having to compile the source, Framer provide a simple .zip file to get you started - including all of the JavaScript you need, and an HTML file to open in your browser. It’s that simple to get started with Framer on Windows or Linux!

So what’s Framer Studio? Where’s tha

aolufisayo

Use Storybook version 4.1.13 as 5 is not ready for React Native

Tested: 6th March 2019

Install mac homebrew:

Download rom here: https://brew.sh/ `

Setup brew

aolufisayo

Welcome to the interactive tutorial on how to use side-effect "operators" in MobX! Over the course of the next three samples, you'll learn (and be able to explore) exactly how autorun, when and reaction work, and when/why you would use them when building reactive applications.

1: autorun

autorun takes a function, and immediately runs it. Upon execution, it detects any observables that the function accesses (e.g. observable.property), and will automatically re-run the function anytime those observables change.

For example, you should have seen the Loading changed alert display immediately when viewing/running this playground. This is because of the initial autorun call here. If you click either of the two buttons below, you'll see the alert again.

However, if you click the same button multiple times, you won't see the alert, because the observable isn't changing. Try it for yourself!