From the course: React Native Essential Training

Course overview - React Native Tutorial

From the course: React Native Essential Training

Start my 1-month free trial

Course overview

- [Instructor] The first part of this course will be an introduction to React Native. We'll start with the advantages and disadvantages of the framework and then I'll show you what you need to do to set up a React Native development environment for both iOS and Android. The second part is going to be the Hello World example of React Native. We'll cover the basics of the platform and the environment that it creates for us. We'll do an example on iOS and another on Android. In that part, we'll also talk a little bit about styling in React Native and I'll show you the RN tester project that you can use to practically explore and experiment with all the components and APIs of React Native. Then we'll get real and build the simple math game app. We'll take it one step at a time and make small increments as we go. We'll learn how to work with the React Native UI elements like view and text and how to interact with the app and communicate through components. We'll also work with random numbers and timers. In addition, we'll optimize a few things with caching, I'll show you a trick to reset the component by remounting it instead of resetting its data. By the end of that part, we'll have a complete game that a user can play, win, lose, and play again. In the fourth part, we'll start on the data-driven app. We'll start the whole thing with raw data coming from the API and design our app around it. We'll learn how to use the Fetch API and more React Native UI elements like FlatList, image, text inputs, how to navigate between views, and how to fetch more data on demand. We'll also see how to do some animation and gestures. We'll learn about the animated and easing APIs, how to create an animation loop, like this, and how to make the animation work on any device size. We'll learn about the PanResponder API and how to use it to create a swipe left and right gestures. And we'll also learn how to open external links for the React Native app. In the final part, we'll test our data-driven application on Android and I'll show you how to deploy it on TestFlight. I'll show you how to change the app logo and splash screens and I'll walk you through the process of generating a signed API for the Google Play Store.

Contents