This article assumes you already have at least a basic understanding of React, and ES6 syntax.

About six months ago, we adopted Typescript within React Native as a new project was started, and then slowly, with lessons learned, those best practices were applied to our much larger library that had been written extensively in ES6.

One of the biggest obstacles found when starting was how to write or rewrite simple components. Just getting started with new approaches can be hard work with a steep learning curve, new syntax and terminology — hopefully, this article helps a little.

Stateless Components

Starting with the basics, in these components, the differences are fairly minimal. In fact, if you already write your React using prop-types such as shape , and arrayOf this will be pretty straight forward for you anyway.