In the previous article we took a look at the basic animation examples.
Today we are going to dive deeper into React Native animation and figure out what else can we achieve.
Animation can be used to imitate interactivity of the real world objects, by moving them around, changing shape or color.
Animation can spice up an app, by giving it a more lively form.
It improves user experience by helping to understand some parts of an application.
Although excessive animation can distract the user and make matters worse.
The animation is a broad topic. Today I’d like to take a look at very basics of it.
We’re going to meet a type of animations we can use and how to create them in React Native.
Over the course of previous articles, we were building a BlitzReading app.
The initial idea was to build a simple application without using a lot of additional libraries, for example, Redux.
I thought as soon as the application is relatively small I can manage to implement it without using Redux.
But I’ve faced some issues.
Internationalization (i18n for short) is the process of adapting an application to work with different languages and regions.
That can bring some benefits to the table.
Your target group can be broader than the one with the default language of the app.
So by internationalizing an app, you may reach a bigger audience.
Let’s take a Blitz Reading application as an example.
The application allows kids to practice reading sight words.
The more languages we add the more kids can practice reading.
Let’s internationalize the app!
There are cases when a mobile application requires essential information before the start.
The application may need to preload some data from an external API endpoint or even from the local storage.
Without that information, the application might not be able to render a user interface.
For example, the application may not know the display language yet.
Another example could be that application needs to check if the user is authorized and decide which screen should be rendered to the user.
Bootstrapping an application might take some time.
In that case, it would be great to show to the user that something is happening.
One of the ways to achieve that would be to show a splash screen.
The splash screen can contain some information for the user.
It may have an application’s logo or a progress bar.
Let’s see how can we implement that in React Native.