We’ll initiate the project using Expo, which provides the easiest way to start building a React Native app without installing neither the XCode nor Android Studio.
Each screen in a React Native app is a composition of rendered components. In this section, we’ll discover framework fundamental building blocks and make some of our own.
Structuring and defining the styles object is a way to customize your components and layout. We will dive into the StyleSheet module and also check the Flexbox algorithm.
Controlling more native components, such as StatusBar or Alert and handling the differences is possible with React Native. This part is dedicated to investigating those components APIs.
React Native provides us with a couple of components for displaying lists of data. Within that scope, we are going to check the differences between them and choose the most effective one.
Transitioning between screens and managing navigation history can be achieved by using React Navigation, which is currently an official navigation maintained and created by the community.
AsyncStorage is React Native’s answer for storing data persistently on a device. This storage system allows you to store data in key-value pairs similar to localStorage, which is well-known from the web.
We are going to attain a great user experience. We’ll work on gestures and functional animations to provide a delightful UX to the end users of an app.
In the last part of this module we’ll go through the process of ejecting Expo from our project and include a library using react-native-link.