Build an eCommerce App in React Native ( Tutorial by ex-Amazon SDE )

preview_player
Показать описание
Let's build a full-stack e-commerce mobile application from scratch using React Native.
📚 Enroll NOW for "The Full-stack Mobile Developer" and save 30%

This is part one of the Ecommerce series. In this video, we will build the UI (user interface) using React Native based on the most popular e-commerce website - Amazon.

In this video, you will learn:
✅ How to start a React Native project from scratch
✅ Render beautiful UI interfaces
✅ Work with custom components (View, Text, Image, Flatlist, etc.)
✅ Built your own custom components and reuse them across the app
✅ Install and work with 3rd party libraries
✅ Navigate between screens using React Navigation

In the next videos, we will build the backend and do the payments integration.
Let's learn together 📖💡

🎒 Download the Asset Bundle (Images, Dummy data, PDF presentation):

🐱‍💻 Source code

💬 Join the notJust Development gang and let's build together

Tag me on social media when you finish this build, and I will give you feedback on your project.

Timecodes:
00:00 Intro
01:35 What are we going to build today
10:15 Prerequisites
15:00 Install/Upgrade React Native CLI
16:37 Create a new React Native Project
20:18 Vector Icons
34:10 Product Item Component
01:28:48 List of products (FlatList)
01:40:32 Product Details Screen
02:35:20 Image Carousel

Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.

#VadimSavin #notjustdev #notJustDevelopment
Рекомендации по теме
Комментарии
Автор

you are the best teacher who open my door in software God bless you more

reaganmatunga
Автор

Hello Vadim, what will be the problems if you write in js? And you can create a site like advertising board OLX. And since you are my teacher, your lessons help me a lot to develop. I really liked graphQL, Amplify.

karoche-tv
Автор

hello, great tutorial, can you please share video for add to cart without login and when user logged into show it in my cart
thank you in advance

PriyaBopadra
Автор

You are a legend, bro! I've searched all over the internet for a fullstack app build but they are either small feature or UI builds. I'm getting into full stack rn app development and finally found a starting point to start learning.

Thanks a lot for such amazing efforts. ❤️🥰

adnanamin
Автор

Has any followed this video and completed it? Is just this video enough? Also does firebase work with this proj?

vermillionclouds
Автор

How can we share a product to social media from within the app, which will bring you back to the app?

sahibzarkhan
Автор

can you do a video explaining react native itself and all the different files, how to make your code more clean, best documentation practices that type of stuff

omarahmedabouelela
Автор

Great video and awesome teacher too!, Would you consider a part 2 for this one?... like adding some goodies to the app such as redux, state persistence, offline mode, sagas, best practices, etc. You name it. To get the feel of a real PROD app. Most of the tutorials out there just cover the initial part of the app and then forget about it.

TheMrtastee
Автор



We will continue from where we stopped next week.
Have fun building

notjustdev
Автор

Next tutorial we are waiting for Ebay clone with full functionality including bid sections

tzcommunity
Автор

You have left and missed the most critical part of this project, which is to first instruct how you set up the environment for the build. If you could please trek back and showcase that very initial critical and cumbersome stage.

MotionMotive
Автор

hi, react-native --version does not seem to work, I can however see the react native version In the package.json file, what could be wrong ?

patricknsolo
Автор

well done bro, have a great day ! your codes are good i hope i can do something like that too

mulankiller
Автор

it's amazing that you're giving so much away, and for free...there are paid react native course that are by far less complex than your stuff on yt, KEEP IT UP!

mihai
Автор

Hello Vadim Thank you for giving great implementations in native

manjureddy
Автор

Hi Vadim, I really love and appreciate your content. There seems to be a lot of echo in your sound.

davidasiamah
Автор

How do you turn this into a B2B multi business "mall"

unamaandanetswera
Автор

Hey Vadim, that was a nice tutorial. I get stuck while creating a sitemap for React-based Websites. Can you make a detailed video on how to create Sitemaps for it. ?

ankitmishra-zwvc
Автор

WOW!!! GREETINGS FROM CALIFORNIA!!!! NEw Sub!!

KaiBuskirk
Автор

You are the best in the field when it comes to teaching technics, and as some said you give and teach more than some who teach less for more money than they deserve . May God bless you and give you all best in life

DarbazDara