Learn React Native Mobile Apps Development From Scratch

Despite there is online development solution (Expo) but having the local development is vital to your continuous development , you will learn how to setup React Native development environment step-by-step.

Try to follow the steps and setup yours

Next you will discover the basics of RN.

Components and JSX are the backbone of developing React Native applications , in this lecture you will understand how could you design your first component in both online and local development environment.

Try to write your own component aims for a real life scenario

Next you will learn about props

Props are simply the properties :)

You will learn how to use props to customize your app and share the data between screens.

Try to pass different props values for your component that have created last time.

Next you will learn about States

States are "Personal Storage" for you components , you will use it a lot during your apps development process , this lecture will teach you how you can declare and use them.

Try to read more about Redux and Mobx state management libraries.

Next you will know more details about Components

Understanding the hierarchy of Components is important to know exactly which type you are dealing with , in this lecture will explain this hierarchy along with some example of community based components that are so useful for your development tasks.

Try to examine the Native Directory for different community components available .

Next we will start designing our screens and adding controls to it.

No UI solution exists without getting user feeds using Text Inputs , you will learn how could you add Text Inputs combined with States Variables.

Try to add some of Text Inputs to your Component and bind it with State Variable.

Next you will learn about Scroll Views.

When things getting long and much Scroll Views come to rescue.

Try to add one for your intentionally many screen items to be viewed.

Next Flat List on the spot.

Nothing more effective and heavily used in React Native apps than Well-Designed Flat List , You will know how good its compared to Scroll Views and how could you design one.

Try to explore different properties of Flat List that not used during the lecture

Next you will learn how to write specific code for a selected Platform (Android or iOS)

Sometimes you will need to write specific code targeting specific Platform either Android or Platform (Native Code) , You will learn how to accomplish that in this lecture.

Try to create different settings for both Platforms.

Next you will dive into design your apps

You will understand how could you style your app and change its look & feel.

Try to create different modes for your app , Hint: Dark & Light Modes

Next you will see how to control Height & Width of your app

Controlling Width & Height of your app is crucial for better look and customization. You will know how to set your screens and controls Height & Width.

Try to inspect both Absolute & Relative settings in Portrait mode.

Next we will introduce Flex Box.

Flexbox is one of great tools in React Native making your app more dynamic and "Flexible" , You will examine the different settings for Flex.

Try to manipulate the flex properties with different components and screens to grasp the concept.

Next will see how to add local images to our app.

You will know how to use "Require" word and know the power of it in term of app performance.

Try to add many Images to your customized components that you have created in lecture 4.

Next a quick lesson about colors

Learn how to change your app colors for Texts and Controls

Try to change many colors using the references values.

Next will know how to add touchable objects.

You will learn how to respond for app touches and explore the different options you have for them with more focusing on Touchable Opacity type.

Try to add different type of Touchable Objects and notice the differences in their behaviors.

Next will know how to navigate different screens.

Will understand the concept of "Navigation Stack" and how can be utilized to enable you navigating different app screens.

Try to create 4-5 screens and navigate between them as well as notice the behavior of back button.

Next you will see how could we pull data using APIs

Fetch is a great solution enabling you to get/post data from a remote sources using APIs , in this lecture you will learn the basics of using fetch.

Try to examine other libraries beside fetch and know their strengths . Hint: search for " apisauce"

Next you will learn how to use fetch along with paramters.

Most of APIs are using filtering parameters to getting a subset of remote data , you will lean how to pass these parameters and you will know how to set different headers.

Try to use provided free apis to "Post" data or getting filtered results with parameters.

Next a new concept "Hermes" will be explained.

Understand what is Realm and why we have selected it among other DB Solutions?

How to install realm in react native and add your custom designed components such as (Buttons , Texts and TextInputs)

Learn how to define your realm schema and initialize it

You will learn all CRUD (Create , Read , Update and Delete) operations by example of Users Management Solution

You will start by how to Create or Register New Users using Realm

You will learn all CRUD (Create , Read , Update and Delete) operations by example of Users Management Solution

This Time you will learn how to Read all user details using Realm

You will learn all CRUD (Create , Read , Update and Delete) operations by example of Users Management Solution

This Time you will learn how to Read Single user details using Realm

You will learn all CRUD (Create , Read , Update and Delete) operations by example of Users Management Solution

This Time you will learn how to Update user details using Realm

You will learn all CRUD (Create , Read , Update and Delete) operations by example of Users Management Solution

This Time you will learn how to Delete user details using Realm

Hermes is a new feature from React Native aimed to solve the issue of slow startups and overall app performance.

To accelerate your app development process and guaranteeing well-organized project its recommended adopting a ready made templates , you will come to know about different options in this lecture.

Try to search for different types of templates and start  using them.

Next we will continue in our template lesson examining the results

We will continue our previous lecture examining how the project looks like after creating it using Ignite CLI template.

You will learn how publish your android app to most commonly used store "Google Play"

You will learn how publish your iOS app to AppStore