Introducing Sideswipe: a cross-platform carousel for React Native

  • Ideally we want to animate based on scroll position, not index changes, which would provide a much smoother effect.Old solution for handling transitions between itemsI knew I could add an Animated.event to the FlatList and pass the animated value to the child components but the value would be the raw…
  • This means the components using the animated value would have do some math to figure out if they were the active index.
  • It also updates any time either one of the underlying animated values updates.What this means is we can divide the scroll position by the width of a child item (which is a required prop) and that will give us an animated value starting at 0 and ending at the length…
  • Now child components can animate based on their index instead of scroll position but the animation will still be based on scroll position under the hood.
  • Here’s what that looks like in code:Using Animated.divide to get animated value for carousel itemsNow each carousel item gets an animated value they can use to create entrance and exit animations based on their index in the list, not the scroll position of the underlying FlatList, this provides a much…

Recently I found myself in need of a flexible carousel solution that could support some pretty tough requirements, mainly: My first attempt was to utilize open-source and use something someone else…
Continue reading “Introducing Sideswipe: a cross-platform carousel for React Native”

Releasing Reindex, the GraphQL backend as a service

Releasing Reindex, the GraphQL backend as a service:  #ReactJS

  • Reindex is the first backend as a service with GraphQL built in its core.
  • Releasing Reindex, the GraphQL backend as a service
  • Developers, we have exciting news to share today: we’re launching Reindex to the world!
  • You can sign up on our website to start a free trial and immediately start building apps with Reindex.
  • There was finally a solution to the problems we had faced with synchronizing state between the client-side app and the backend and we wanted to build a BaaS that would make it super easy to spin up a GraphQL server for our projects.

Read the full article, click here.


@ReactiveConf: “Releasing Reindex, the GraphQL backend as a service: #ReactJS”


Developers, we have exciting news to share today: we’re launching Reindex to the
world! Over the past few months we’ve been inviting developers to try Reindex,
and developing it based on the great feedback we’ve received from the
participants of the private beta.


Releasing Reindex, the GraphQL backend as a service

“A fairer Vue of React”

  • Overall, the original claims about Vue’s performance still hold some value in this use case but there was clearly a lot of opportunity for optimisation – especially with React.
  • Our first test suggested that Vue massively outperformed React, which was very sensational and unexpected, but was caused by running the tests in development mode.
  • It should be stressed that Vue was also running in development mode, so both tests were equally afflicted.
  • Considering how many improvements have been made as a result of the first post there is nothing to say there can be no further improvements.
  • Note that the results of this first post have been invalidated by some unfortunate mistakes, but this should set the context for this post.

Read the full article, click here.


@fr_devs: “New! Follow-up investigation from @MaxWillmott “A fairer Vue of React” @vuejs @reactjs #reactjs #vuejs #javascript”


For part one, please visit: https://engineering.footballradar.com/from-a-react-point-of-vue-comparing-reactjs-to-vuejs-for-dynamic-tabular-data/. Note that the results of this first post have been invalidated by some unfortunate mistakes, but this should set the context for this post.


“A fairer Vue of React”