React Native Step By Step for Beginners - E-commerce App

React Native Step By Step for Beginners | E-commerce App, available at $79.99, has an average rating of 3.9, with 206 lectures, based on 75 reviews, and has 468 subscribers.

You will learn about Build android and iOS e-commerce app using React Native React Native basics and advanced techinques Will learn nodejs and basics Integrating nodejs with React Native app with mongodb Integrating Stripe with React Native This course is ideal for individuals who are React Native beginners to advanced learners It is particularly useful for React Native beginners to advanced learners.

Enroll now: React Native Step By Step for Beginners | E-commerce App

Summary

Title: React Native Step By Step for Beginners | E-commerce App

Price: $79.99

Average Rating: 3.9

Number of Lectures: 206

Number of Published Lectures: 204

Number of Curriculum Items: 206

Number of Published Curriculum Objects: 204

Original Price: $34.99

Quality Status: approved

Status: Live

What You Will Learn

Build android and iOS e-commerce app using React Native

React Native basics and advanced techinques

Will learn nodejs and basics

Integrating nodejs with React Native app with mongodb

Integrating Stripe with React Native

Who Should Attend

React Native beginners to advanced learners

Target Audiences

React Native beginners to advanced learners

In this React Native E-commerceapp 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 features

1. view men’s and women’s item

2. scroll through items

3. view detail page for each items

4. add item to cart

5. remove items from cart

After 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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: New recording (Install tools)

Lecture 1: Install node on mac

Lecture 2: Download and install vscode

Lecture 3: Download install Android Studio

Lecture 4: Create and run Android Emulator

Chapter 3: New recording(Understanding package.json)

Lecture 1: Understand package.json

Lecture 2: Understanding package-lock.json. mp4

Lecture 3: Understanding app.json

Lecture 4: Understanding App.js

Chapter 4: The basics of React native

Lecture 1: Understand Export Default

Lecture 2: Understanding alignItems, justifyContent and flex

Lecture 3: More about flex and view and text

Lecture 4: Learn about Flex direction

Lecture 5: Learn basics of views

Lecture 6: Deeper undertanding of Flex and nested views

Lecture 7: Separate styles

Chapter 5: New recording(Learning about components)

Lecture 1: Create our first component

Lecture 2: Separate the component

Lecture 3: More about styling properties margin, padding and color

Lecture 4: Reusable style component

Lecture 5: TouchableOpacity click and Icons

Lecture 6: Showing TextInput

Lecture 7: SafeAreaView and Ionicons

Lecture 8: Retouch color and look of WelcomeComponent

Chapter 6: New recording(Image Carousel & FlatList)

Lecture 1: Display image

Lecture 2: Understanding overflow

Lecture 3: Understand the basics of FlatList

Lecture 4: Understanding arrow function

Lecture 5: FlatList and Dynamic Data

Lecture 6: FlatList and show Images

Lecture 7: FlastList and faster snapping

Lecture 8: Refactor code with homescreen

Chapter 7: React Native and navigation

Lecture 1: Create header and Touchable opacity

Lecture 2: React native navigation

Chapter 8: Create and run the app

Lecture 1: Creating react native app

Lecture 2: Running the app for the first time

Chapter 9: Home page and bottom bars

Lecture 1: Loading custom fonts

Lecture 2: Bottom Tab Navigator

Lecture 3: Exporting Screens

Lecture 4: Navigation and rendering the bottom tab

Chapter 10: Home page and head bars

Lecture 1: Head bar style

Lecture 2: Setting up rows in react native

Lecture 3: Cart Count absolute value

Lecture 4: Cart btn Touchable Opacity

Chapter 11: Home page and welcome page

Lecture 1: Welcome Text

Lecture 2: Welcome and reusable styles

Chapter 12: Home page and search section

Lecture 1: SearchBar

Lecture 2: Search input

Lecture 3: Search Camera Button

Lecture 4: Positioning Search icons and Navigation to the search page

Lecture 5: Set up search bar in the Search page

Chapter 13: Home page and carousel

Lecture 1: Carousel Slider

Lecture 2: Carousel loop

Chapter 14: Home page and heading

Lecture 1: Creating Heading

Lecture 2: New Rivals Heading

Lecture 3: Heading Styles

Chapter 15: Home page and card view

Lecture 1: Introducing the Flatlist Component

Lecture 2: Flatlist props

Lecture 3: Render Components Flatlist Component

Lecture 4: Render ProductCard to the flatlist

Lecture 5: Product Card View

Lecture 6: Using Images in React Native and styling them

Lecture 7: Product details handling text

Lecture 8: Price Text

Lecture 9: Addding a Component on top of another using position

Lecture 10: Navigating from a child component

Lecture 11: Product Row style migration-

Lecture 12: Products details page back button

Chapter 16: Detail page

Lecture 1: Product details Image

Lecture 2: Title row

Lecture 3: Title and price

Lecture 4: Text with a rounded background

Lecture 5: Mapping icons to form a rating bars

Lecture 6: Cart Counter

Lecture 7: Counter State

Lecture 8: Increment Count

Lecture 9: Decrement Count

Lecture 10: Description

Lecture 11: Justified Description Text

Lecture 12: Product location and delivery row

Lecture 13: location row

Lecture 14: Buy now button

Lecture 15: button text

Lecture 16: Cart button

Instructors

Dastagir Ahmed
Flutter & React Native Instructor

Rating Distribution

1 stars: 3 votes

2 stars: 1 votes

3 stars: 13 votes

4 stars: 18 votes

5 stars: 40 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!