FalcorJS and React

Presented at React Rally 2015.

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. W H AT I S FA L C O R ?
3. Thug Life
4. 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)
8. PAT H S • Look just like normal object accessors • Ranges • "shows[0..2]['plot']" • Multiple properties • "shows[2]['title','plot']"
9. 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
11. MovieList Movie Title Year Plot
12. MovieList • Needs list of movies to map over • Needs ID for key
13. Movie • Needs nothing of its own
14. Title Year Plot • Title, Year, and Plot components need the title, year, and plot pieces of data respectively • Nothing else
15. 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
16. S P E N D M O R E T I M E O N T H E A P P
23. • 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.
25. 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
28. L O L M I C R O S E R V I C E S
29. 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
30. Brian Holt @holtbt