Building IOS and Android apps with React Native from Scratch. This course will have everything you want to learn before being able to build real world apps for IOS and Android.

### Some of the topics covered:
- Basics to advance react native
- Learn authentication, reset password, image uploads, UI design, flexbox, navigation, scrolling, keyboard inputs, styling and more
- Build your own backend API using Node.js
- Practical real world project that covers almost everything you need to know to comfortably start developing your own native apps

Project demo

About the course

Expo, IOS and Android simulators

Installing react native and trying in simulators

All the lecture's source code is available in Github. Please download the ZIP file or clone the repo from the following link:

[https://github.com/kaloraat/react-native-nodejs-mongodb](https://github.com/kaloraat/react-native-nodejs-mongodb)

Download source code from Github

Understanding native components

Flex layout and positioning

Components, props and destructuring

Splash screen logo

Webview

Starting the project

Text component

Input component

Reusable component

Updating the state

Customize text input

Button using touchable opacity

Using axios

Image component

Scroll view

Signin screen

Navigation

Navigator options

Kaloraat auth API generator

Understanding authentication server

Signup to mongo atlas

Signup to sendgrid

Successful  signup and signin

Localhost on the web for trying on the actual device

Error messages

Async storage

Auth context

Accessing context

Update context and configure axios

Footer tabs

Font awesome icons

Root navigation

Protecting screens

Sign out

Account screen

Post and links screens

Active screen tab

Display user info

Setup account screen

Reusing circle logo component

Image upload icon

Display image and upload icon

Signup to cloudinary

Access image library using expo image picker

Sending image to server for uploading

Require signin middleware

Axios headers with token

Include token in axios headers by default

Handling expired token

Upload image to cloudinary

Save user image in database

Updating user in context and async storage

Password update client

Password update server

Forgot password screen

Send password reset email

Allow user to login with new password

What's next?

Post link page

Text input for post link

Text input for post title

Open graph web scraping client side

Url preview

Preview card image

Preview card title and description

Link model and schema

Post link route and controller

Post request to create post link

Link context

Recent links

Route params (optional)

Link view

React native webview

Open webview on press

Implement view count

View count icon on preview card

View increment client side

Like unlike server

Like unlike client

Icon set component

Applying shadow

Date and user icons

Public profile with route params

Profile screen

Background image

Default preview image

Get user public profile

User profile and user links response

User info on user profile

Render user links on profile

Links screen

Allow delete link

Delete link and update local and global state

Signout feature in account screen

React Native IOS & Android Apps with NodeJs and MongoDB

React Native IOS & Android Ap.. / Project demo