React Native For Complete Beginners With Backend
Published 8/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 860.66 MB | Duration: 2h 15m

Build an e-commerce app step by step

What you'll learn

Step by step mastering React Native

Build android and iOS e-commerce app using React Native

Will learn Nodejs and basics

Integrating Stripe with React Native

Requirements

You need a computer that can build apps

Description

In this React Native E-commerce app tutorial, you will learn how to use React Native to build an iOS and Android version app for cross platform.We will start slowly with UI. First few hours we will focus on UI and build a beautiful UI. So in first few hours you will learn how to save data to async storage.The UI will include the below features1. view men's and women's item2. scroll through items3. view detail page for each items4. add item to cart5. remove items from cartAfter a few hours we will start with restful API. To be able to work with restful api, we will use Nodejs for api building and work with mongodb for storing data in the database.As we build APIs we will also implement JWT authentication and do login. So eventually before we place order we have to login. Once we login we will place order using Stripe payment. Apart from that we will have search product and wish list.At the end we will see how to host this in Railway server for free. So you will learn how to compile this for real world app and access from your android phone as apk and show the world your very first React Native e-commerce app.

Overview

Section 1: Introduction

Lecture 1 React Native Intro video

Section 2: Creating the first app

Lecture 2 Introduction

Section 3: Understanding some basic concepts of React Native Projects

Lecture 3 Understand package.json

Lecture 4 Understanding package-lock.json

Lecture 5 Understanding config.bable.js

Lecture 6 Understanding app.json

Lecture 7 Understanding App.js

Lecture 8 Understand Export Default

Section 4: Start coding and building component

Lecture 9 Understanding alignItems, justifyContent and flex

Lecture 10 More about flex and view and text

Lecture 11 Learn about Flex direction

Lecture 12 Learn basics of views

Lecture 13 Deeper understanding of Flex and nested views

Lecture 14 Separate styles

Lecture 15 Create our first component

Lecture 16 Separate the component

Lecture 17 Style component with margin, padding and color

Lecture 18 Reusable style component

Lecture 19 TouchableOpacity click and Icons

Lecture 20 Showing TextInput

Lecture 21 SafeAreaView and Showing Ionicons

Lecture 22 Retouch look and feel of WelcomeComponent

For complete beginners