I recently came across with an information that one can create TypeScript interface for StyleSheet in React Native.

What Shall We Do?

To get things properly rolling, we need to import ViewStyle and TextStyle:

import { StyleSheet, Text, TextStyle, View, ViewStyle } from ‘react-native’;

After this we are good to go for defining an interface:

interface Styles {
  wrapper: ViewStyle;
  textContent: TextStyle;
}

But Why?

Because interfaces are cool and they keep our code consistent. And then we have the power of TypeScript to tell us what we are doing wrong (again).

The consistency is very similar to what we’re used to do with Props and…

Recently, I started playing with React VR by learning the basic concepts of WebVR APIs and the beautiful concept of virtual reality as such. And soon I was sitting in a gondola in Venice with my HTC Vive. As a React Native (and React) developer it was quite easy to familiarise myself with the concept of React VR.

My initial project, “Bottlist”, which is an alcohol beverages catalogue observed through virtual world has an UI which is missing many things. …

This is a technical post about Lottie for React Native — a mobile library for animating your user interface and telling the user stories from a whole new perspective.

What is it all about Lottie?

Lottie is a library for mobile devices that offers for the team a capability of converting After Effects animations to the screen. And under the hood it’s only a single file exported as JSON with Bodymovin plugin. The end result is pure vector magic so no need to worry about screen sizes.

It’s true that animations have existed since day one. And for React Native there is native component solution as…