React Native Step By Step for Beginners | 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