Make animations with React Native.

Photo by Irvan Smith on Unsplash

To create a great user experience, animations take a very important part. In this part, we'll learn how to make animations with React Native using 3 different ways.

Continue with your code from the previous part. Otherwise, clone the repository.

git clone -b internationalization https://github.com/thinhtran3588/react-native-starter-kit.git

Use React Native core components & 3rd party components to make your customized ones.

Photo by Kelly Sikkema on Unsplash

To build an application, most of the time we use existing components and build our own ones on top of them. Making everything from scratch is very time-consuming and unproductive. Luckily, we're living in the open-source…

Routing and navigation with react-navigation.

Photo by Malcolm Lightbody on Unsplash

For a production app, it's very rare that it consists of only one screen but is made of multiple screens. To navigate between screens, we use stack-based navigation, tab-based navigation, drawer-based navigation or a combination of them. React Native doesn't support it natively. Instead, we…

Use Eslint, Prettier, typescript default compiler, Sonarqube & babel-plugin-module-resolver to improve your code quality.

Eslint and Prettier

Let's continue from the previous part. Or you can clone the sample code, open the root folder in VSCode then run to restore packages.

git clone -b debug_vscode https://github.com/thinhtran3588/react-native-starter-kit.git
cd react-native-starter-kit
yarn

Let's start with…

Thinh Tran

Software developer. Interested in web/mobile application development with React, React Native, Typescript, Nodejs and AWS.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store