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”

Selectors in polymer-redux — Collaborne Engineering — Medium

The approaches to simulate #Redux selectors in polymer-redux:  #ReactJS

  • We first calculate the underlying data for the selector ( openIds and todos ).
  • const openTodos = (state = [], newById, newOpenIds, dataChanged, action) => { // Only recalculate openTodos if the underlying data changed if (!
  • The post discusses approaches to simulate Redux selectors in polymer-redux.
  • The library doesn’t allow to bind Polymer properties to Redux selectors.
  • First we define the selectors, next to our Redux reducers.

Read the full article, click here.


@ReactiveConf: “The approaches to simulate #Redux selectors in polymer-redux: #ReactJS”


Polymer-redux makes using Redux with Polymer as easy as pie (learn in this post why and how). Unfortunately, the library doesn’t allow to…


Selectors in polymer-redux — Collaborne Engineering — Medium

How Carbon Five Builds 35+ Client Apps a Year on Heroku

  • Carbon Five uses Heroku for 90% of their software projects for wide range of clients
  • Carbon Five uses Heroku for 90% of their clients due to the platform’s support for rapid deployment, its language flexibility, and its ease of use.
  • The firm believes product design and development should be a deeply collaborative exercise, and they encourage clients to participate in every aspect of their project.
  • The firm’s wide variety of clients and projects brings new opportunities to stretch their skills and try new things.
  • The client not only gets a production app, but also a fully ramped up team capable of taking their new product into the future.

Read the full article, click here.


@heroku: “Heroku customer @carbonfive builds 35+ apps/year on Heroku using #reactjs #angularjs #nodejs & #golang. Learn more:”


Carbon Five uses Heroku for 90% of their software projects for wide range of clients


How Carbon Five Builds 35+ Client Apps a Year on Heroku