First of all, let's understand the basics of React native and How it's styling works. In react native all styles are written in the same file.

In this video we will learn about creating a separate component and call it in our main App.js file. This is an easy process.

Flexbox is a great way to design your web elements and we will be using the same for React native applications as well.

Let's first generate a Expo project aka React native project. We will create 3 vertical views first so that we can put our content first.

Next, we will learn to write styles for our views and texts. Styling is little different from what you have seen in web development

Finally, let's run this app in Actual Android device. I will be doing this a lot in this course as I prefer real android device, it's fast.

Next we will work on a fresh project of login screen. This project can be easily converted into Sign Up form too and some tips.

In this video we will learn to create nesting of styles in a single components. This is a very common technique that everyone uses.

In this video we will learn about how we can move our view when virtual keyboard appears on the mobile screen on both Android and iOS

Just like what we do at the end of project, we are going to launch the app on actual android device. This is just to show that project looks exactly same on android.

In this video we will setup a shopping cart top bar. We are going to start by creating a fresh project and then creating a separate component.

Next we will create a component that will have  a hero image. Usually in shopping app page, you have a top hero image with text

Next we will add a scrollable component that will have different size images in a row. Every row will have different CSS.

Next, just add some looks to this app images, we will add overlay texts. We will create a separate component for this overlay text too.

Next, we will do the same thing just like we have done in past projects as well. We will run this project on an actual android device.

Let's first setup a new and fresh project. Then we will design the first component of this app. This is going to be the header of the app

Next we want to add some text to the header. Text like name and a tag line. We need to provide custom CSS styling for it.

Next, we will add a mid section to this app. This mid section will help you have numbers to feature like subscribers etc.

Next we will like to have a scrollable gallery with photos in it. This will be helpful in viewing all photos and is inspired by instagram

First we need to get youtube logo. You can pick up any logo from google or can use one in the exercise files and we have to fix it's height and width

Youtube uses Google's material icons. Luckily material icons comes as a package in expo and even there are many types of other icons too.

Next we would like to have bottom bar of youtube app. This app consists of 5 icons and name under them. Later will learn about badges too.

Next we will use json data to fetch youtube thumbnails and video titles. You can put them manually but using jsonmakes more sense

Next, we will do the same thing just like we have done in past projects as well. We will run this project on an actual android device.

in this video, we will learn to install Native base. Native base is like bootstrap for mobile apps. Build in components with styling.

Installing expo is really simple. We will use NPM to install native base. There is just one additional step while installing native base.

If you are using Android, you might face an issue that Roboto font is not loaded properly. You can just add this code to avoid this issue

React native elements is another library for RN, just like native base. you can even use both libraries or can choose to go with just one.

Next, we will learn to put horizontal cards in a scroll view. This will help you to get a view like amazon prime use in their app.

Let's create a new project for the drawer application. You can choose that drawer should come from left or right but usually left is more user friendly.

Let's also talk about instagram style cards that has a like button and share button. You can put even more information in these cards.

Next we will get a footer and will even have badges with number in this footer. Usually notifications are displayed here.

In order to create a sidebar, we first have to create a sidebar component. This component will load up as soon as we tap on a button.

In the final touch we will call our sidebar and will learn more about cards. We can put our cards vertically or even horizontally. 

Next, we will do the same thing just like we have done in past projects as well. We will run this project on an actual android device.

Let's create a new project to have tinder cards. These cards are simple to use and we don't have to be much worried about animations.

Let's make sure that app looks great and for that we will make sure to have a header in our app. Also you can wrap it in component

Finally let's have our swipeable cards. There are many props with these cards like repeat allowed or to be not allowed.