Upgrade to Pro — share decks privately, control downloads, hide ads and more …

FalcorJS and React

FalcorJS and React

Presented at React Rally 2015.

Brian Holt

August 25, 2015
Tweet

More Decks by Brian Holt

Other Decks in Programming

Transcript

  1. FA L C O R S I M P L

    I F Y I N G Y O U R D ATA @ H O LT B T BoJack Horseman
  2. FA L C O R I S A W E

    S O M E • Let’s you treat your local and remote data the same way • Takes care of fetching, caching, and cache invalidating for you • Framework / library agnostic (doesn’t have to be React)
  3. PAT H S • Look just like normal object accessors

    • Ranges • "shows[0..2]['plot']" • Multiple properties • "shows[2]['title','plot']"
  4. FA L C O R A N D R E

    A C T • Allows your components to declare their own data dependencies • Alleviates the data tunneling problem
  5. Title Year Plot • Title, Year, and Plot components need

    the title, year, and plot pieces of data respectively • Nothing else
  6. S P E N D L E S S T

    I M E W I R I N G U P T H E A P P
  7. S P E N D M O R E T

    I M E O N T H E A P P
  8. • No black magic • No mixins or helpers (other

    than lodash) • You already understand how it works • You can still use the components even without the queries • Don’t like the way I did it? Hack your own solution. You have all the tools.
  9. FA L C O R S E R V E

    R • Aims to be very RESTful in its implementation • Best used to retrieve small amounts of data you can paginate over • Not terrible to implement
  10. L O L M I C R O S E

    R V I C E S
  11. FA L C O R D O E S A

    L O T O F O T H E R C O O L S T U F F • Create, update, and delete are no problem too. Easy even to batch multiple actions at once. • Smart caching so if you request the same info twice, it will pull from the cache. • Easy also to send cache invalidating logic from the server