For doing charts, I use D3 quite a lot. D3 is a low level library which allows to create SVG elements with ease. It has built-in math functions. The support for animations is quite intuitive. For using D3 with React, I rely on react-faux-dom, a library that provides another DOM implementation. For visualizations without interactivity, react-faux-dom does a good job. However, when we want to add interactivity to our graphs, react-faux-dom falls short.…

Read More

Our brain thinks of animations imperatively. For example, to show a container (div), we want to expand the container from zero size to its full dimensions. And when we hide the container, we want to collapse the container from its full dimensions to zero size. The way we describe animations is imperative. How do we translate this to declarative way of writing code in React?…

Read More

Animation can be done using the Layout Animation or Animated API. LayoutAnimation happens on the UI thread. It is usually used when a view is created or destroyed. Sometimes, it is also used when the view changes size. LayoutAnimation works only on two properties: opacity and size. Layout Animation is the preferred way to animate as it is high-performant.

Animated API

However, background color cannot be animated using Layout Animation.…

Read More