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

  Рет қаралды 156,046

notJust․dev

notJust․dev

Күн бұрын

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%
academy.notjust.dev/
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):
assets.notjust.dev/amazon
🐱‍💻 Source code
github.com/Savinvadim1312/Ama...
💬 Join the notJust Development gang and let's build together
/ discord
Tag me on social media when you finish this build, and I will give you feedback on your project.
Twitter: / vadimnotjustdev
IG: / vadimnotjustdev
LinkedIn: / vadimsavin
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

Пікірлер: 123
@adnanamin3666
@adnanamin3666 Жыл бұрын
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. ❤️🥰
@DarbazDara
@DarbazDara 2 жыл бұрын
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
@bdk9830
@bdk9830 3 жыл бұрын
i have a habit, which is pressing thumbs up before watching your tutorials. 🤗. really appreciate you covering this with typescript. i was really looking forward to you doing something with TS. thanks Vadim!
@mexicanmax227
@mexicanmax227 2 жыл бұрын
I’m excited af about this build!!
@lifeisbeautifu1
@lifeisbeautifu1 Жыл бұрын
Grateful to discover your channel! Great work!❤🔥🔥
@mihai00714
@mihai00714 3 жыл бұрын
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!
@notjustdev
@notjustdev 3 жыл бұрын
Thanks for appreciation 🙏
@thatolebethe3238
@thatolebethe3238 2 жыл бұрын
Thank you for this video. Been watching your videos made the Tesla clone 1 with video 1 with out. Learned alot. Gonna start Amazon. So excited. Thanks again you are awesome keep up the excellent work
@notjustdev
@notjustdev 2 жыл бұрын
Thanks for your support
@thatolebethe3238
@thatolebethe3238 2 жыл бұрын
In what order what you recommend watching the builds?? Thanks again. Big fan
@reaganmatunga3259
@reaganmatunga3259 Жыл бұрын
you are the best teacher who open my door in software God bless you more
@omarahmedabouelela7989
@omarahmedabouelela7989 3 жыл бұрын
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
@muhammadsohaib3536
@muhammadsohaib3536 3 жыл бұрын
vadim you will be react-native legend
@manjureddy5475
@manjureddy5475 2 жыл бұрын
Hello Vadim Thank you for giving great implementations in native
@TheMrtastee
@TheMrtastee 3 жыл бұрын
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.
@notjustdev
@notjustdev 3 жыл бұрын
The second part of the app is already uploaded on my channel. This Firiday at 2pm GMT, we continue with the 3rd part, so stay tuned
@subhadeepmodak6599
@subhadeepmodak6599 2 жыл бұрын
Thank you for this content. I have question is there any option to show long text in react native picker/dropdown?
@shadimdk3491
@shadimdk3491 2 жыл бұрын
Love and Appreciation from India
@arnoldoalvarez6057
@arnoldoalvarez6057 2 жыл бұрын
very excited to start this video OMG. the state management has been done with redux or react hooks? what is most used nowdays? redux or hooks, context etc
@josemanuelrodriguez8363
@josemanuelrodriguez8363 3 жыл бұрын
Bro love your videos please continue with this serie
@notjustdev
@notjustdev 3 жыл бұрын
Thanks. Next episode is going LIVE this Friday
@karoche-tv
@karoche-tv Жыл бұрын
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.
@geofreynyoni
@geofreynyoni 2 жыл бұрын
Just subscribed to your channel, thanks for your good contents.
@mulankiller9320
@mulankiller9320 3 жыл бұрын
well done bro , have a great day ! your codes are good i hope i can do something like that too
@notjustdev
@notjustdev 3 жыл бұрын
Thanks, you too!
@tzcommunity8799
@tzcommunity8799 3 жыл бұрын
i real like your work and i look forward to working with you soon IN SHA ALLAH
@user-ps4zv1uw1l
@user-ps4zv1uw1l 2 ай бұрын
thank you for creating this project on typescript
@davidasiamah2898
@davidasiamah2898 3 жыл бұрын
Hi Vadim, I really love and appreciate your content. There seems to be a lot of echo in your sound.
@notjustdev
@notjustdev 3 жыл бұрын
Thanks
@patricknsolo5016
@patricknsolo5016 9 ай бұрын
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 ?
@ramsir011
@ramsir011 3 жыл бұрын
wonderful tutorials.. eagerly waiting for the next video.. may i ask you when gonna be the next live
@notjustdev
@notjustdev 3 жыл бұрын
in a couple of hours
@ramsir011
@ramsir011 3 жыл бұрын
@@notjustdev waiting
@muhammadfaizmasroor3626
@muhammadfaizmasroor3626 2 жыл бұрын
you are a GEM bro :) thanks alot
@notjustdev
@notjustdev 2 жыл бұрын
thanks
@mohammadsangare972
@mohammadsangare972 Жыл бұрын
Your VS code theme looks awesome where can I get it? Nice video by the way, thank you.
@sangsokea
@sangsokea 2 жыл бұрын
appreciate your tutorial so much.
@notjustdev
@notjustdev 2 жыл бұрын
Glad it was helpful!
@surajtheking5869
@surajtheking5869 3 жыл бұрын
Thank you brother god bless you.
@notjustdev
@notjustdev 3 жыл бұрын
Thank you too
@nostranostra1176
@nostranostra1176 2 жыл бұрын
You gain a subscriber. Good job
@notjustdev
@notjustdev 2 жыл бұрын
Thanks
@phubertin
@phubertin 2 жыл бұрын
Thanks for sharing. Interesting. I ask you @Vadim what is this development environment, that can I see the mobile app on the right ?
@notjustdev
@notjustdev 2 жыл бұрын
That's the iphone emulator that is coming from xCode. If you are on windows, you have only the option to run it on an android emulator that is coming with Android Studio
@ankitmishra-zw9vc
@ankitmishra-zw9vc 3 жыл бұрын
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. ?
@mernvikas
@mernvikas 3 жыл бұрын
Hey Ankit, yesterday even I got stuck in the same sitemap issue. @vadim would you be able to make a detailed video on it.
@leonardopego5005
@leonardopego5005 2 жыл бұрын
Hey vadim, you said that u cannot use expo in this app because of the payment system, but I think that you can use the "bare workflow" instead of using the "managed workflow" that comes by default on Expo, using "bare workflow" you can have the native folders of both ios and android in the project. Buttt idk if it works 100%.
@johnsonokoli4040
@johnsonokoli4040 2 жыл бұрын
Please can you elaborate more on this?
@user-jl8uu9ec1i
@user-jl8uu9ec1i Жыл бұрын
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
@tzcommunity8799
@tzcommunity8799 3 жыл бұрын
Next tutorial we are waiting for Ebay clone with full functionality including bid sections
@poupCode
@poupCode Жыл бұрын
Vadim what use expo or native cli?
@faaizalam235
@faaizalam235 3 жыл бұрын
Bro what are you using on backend
@mahendrasinhgohil44
@mahendrasinhgohil44 3 жыл бұрын
Is there any way for edit static json file in assets folder without using react native fs
@abdulhakeem1555
@abdulhakeem1555 3 жыл бұрын
The god of react native is tht uuu
@NaveenKumar-td4hw
@NaveenKumar-td4hw 3 жыл бұрын
Awesome ❤️
@moemia902
@moemia902 3 жыл бұрын
How can I add account creation feature and track customer information?
@sahibzarkhan936
@sahibzarkhan936 Жыл бұрын
How can we share a product to social media from within the app, which will bring you back to the app?
@MrAvelino2010
@MrAvelino2010 3 жыл бұрын
I decided to add @homee/react-native-mapbox-navigation to use delivery service but doens´t work. When I import
@camiloizquierdo4250
@camiloizquierdo4250 2 жыл бұрын
Goog tutorial, good job
@tayoschool6228
@tayoschool6228 3 жыл бұрын
Thank you Vadim
@notjustdev
@notjustdev 3 жыл бұрын
You are very welcome
@AbhishekYadav-ci3ht
@AbhishekYadav-ci3ht 2 жыл бұрын
oh bro..........I really love you. 🥺. please tell me you give tutorial about... admin panel speed one more question. how to combine website and aap with same admin panel
@100megarock
@100megarock 2 жыл бұрын
You need a backend service, and the app and the admin panel needs to communicate with it.
@techomaxx
@techomaxx 3 жыл бұрын
bro can you made one vide for device permission based ...
@vermillionclouds5416
@vermillionclouds5416 Жыл бұрын
Has any followed this video and completed it? Is just this video enough? Also does firebase work with this proj?
@mohamedyoussef8835
@mohamedyoussef8835 2 жыл бұрын
Awesome ++++ Thank you
@youngjojo3052
@youngjojo3052 2 жыл бұрын
Can you do a Pandora-like build Of SoundCloud?
@Arpanpatel18593
@Arpanpatel18593 2 жыл бұрын
in ios app, fontawesome icon shows as question mark. In android it works as expected. How to fix this?
@veriasmr7567
@veriasmr7567 2 жыл бұрын
What is the cost of using AWS Amplify?
@unamaandanetswera4768
@unamaandanetswera4768 2 жыл бұрын
How do you turn this into a B2B multi business "mall"
@MotionMotive360
@MotionMotive360 3 жыл бұрын
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.
@mdtauseefibrahim323
@mdtauseefibrahim323 2 жыл бұрын
Thank you very much.
@notjustdev
@notjustdev 2 жыл бұрын
You are welcome!
@dipraj
@dipraj Жыл бұрын
can you share your first presentation slide with us?
@johnsonokoli4040
@johnsonokoli4040 2 жыл бұрын
Hope I can accomplish all these using expo?
@KaiBuskirk
@KaiBuskirk 2 жыл бұрын
WOW!!! GREETINGS FROM CALIFORNIA!!!! NEw Sub!!
@notjustdev
@notjustdev 2 жыл бұрын
Thanks for subbing!
@aseroboiobi
@aseroboiobi 2 жыл бұрын
can anyone explain to me how the productScreen gets rendered for every ProductItem?
@hamaaritech8714
@hamaaritech8714 3 жыл бұрын
#VadimSavin I want to learn React Native can you teach us complete course or if you have ha paid course please ?
@notjustdev
@notjustdev 3 жыл бұрын
📚Enroll in "The Full-stack Mobile Developer" and become a 6-figure dev in 2021: academy.notjust.dev/ 🎒 Download the Asset Bundle (Images, Dummy data, PDF presentation): assets.notjust.dev/amazon We will continue from where we stopped next week. Have fun building
@manojranga1
@manojranga1 3 жыл бұрын
You are doing great work. I keep on watching your videos in parallel to building the app. Thanks much from India
@josemanuelrodriguez8363
@josemanuelrodriguez8363 3 жыл бұрын
Bro we will do the backend can we please New sub 😎
@khattasallaman337
@khattasallaman337 2 жыл бұрын
Bro, I can not download the asset bundle. I'm not getting any link in my email.
@MrRicka7x
@MrRicka7x 2 жыл бұрын
not getting any email after providing it for the assets download
@imPriyankCoder
@imPriyankCoder 3 жыл бұрын
is this series still continue or second part is coming?
@notjustdev
@notjustdev 3 жыл бұрын
Second part is coming next week, Friday at 2pm GMT
@ManpreetSingh-wn7xc
@ManpreetSingh-wn7xc 2 жыл бұрын
i am having problem with aws file..it is not there..Its gettint failed because of aws amplify error.plz help
@DAVE-dd8ij
@DAVE-dd8ij 2 жыл бұрын
Hey!!! Vadim, I'm not able to download the asset bundle P.S: I'm not getting the email regarding the bundle.
@khattasallaman337
@khattasallaman337 2 жыл бұрын
try downloading the data file from the source code
@siyahulhaq7062
@siyahulhaq7062 3 жыл бұрын
300 th like is mine
@notjustdev
@notjustdev 3 жыл бұрын
thanks
@harisahmed4734
@harisahmed4734 3 жыл бұрын
i dont have mac how to build app for ios is anyone created an app on vmware mac in cloud charges monthly fee not one time fee
@KiranKumar-sb3ti
@KiranKumar-sb3ti 3 жыл бұрын
unable to build project after installing react native picker. Can anyone help? After installing the library, it's saying that all the conflicts of react native picker are not resolved
@yabacoder
@yabacoder 3 жыл бұрын
Same problem here.
@albertgeorge1619
@albertgeorge1619 3 жыл бұрын
Which backend are you going to use? (express & mongodb Fingers crossed).
@charity2419
@charity2419 3 жыл бұрын
how can I run the project on a physical device? This is the second time i ask this,I hope this time I can get answered
@franksmith3108
@franksmith3108 3 жыл бұрын
Expo Go I’m pretty sure. At least that’s what I’ve used before.
@charity2419
@charity2419 3 жыл бұрын
@@franksmith3108 thanks ,but I got a solution for cli
@AbhishekYadav-ci3ht
@AbhishekYadav-ci3ht 2 жыл бұрын
please don't use aws .......Not everyone have aws.... and when we made aap on local dicice it shows error
@alexokin6819
@alexokin6819 2 жыл бұрын
Did it ever get back to normal tho - asking for a friend
@bhupendranagda9563
@bhupendranagda9563 2 жыл бұрын
Can we make this project using expo ?
@ilyastalbi3833
@ilyastalbi3833 2 жыл бұрын
Of course you can
@thatolebethe3238
@thatolebethe3238 2 жыл бұрын
Is it. Possible to code this in expo cli??
@johnsonokoli4040
@johnsonokoli4040 2 жыл бұрын
Please Were you able to use expo to complete the project?
@susantakumardutta6283
@susantakumardutta6283 2 жыл бұрын
Can I use expo here??
@johnsonokoli4040
@johnsonokoli4040 2 жыл бұрын
Please Were you able to use expo to complete the project?
@ITAPUNJABI
@ITAPUNJABI 3 жыл бұрын
hello bro !! can you please make one app for me ???
@jamesssssss
@jamesssssss 3 жыл бұрын
lol!
@ITAPUNJABI
@ITAPUNJABI 3 жыл бұрын
@@jamesssssss 😅
@TarunSharma-qp8ht
@TarunSharma-qp8ht 2 жыл бұрын
i tried to download assets for e-commerce app but i didn't received any mail
@khattasallaman337
@khattasallaman337 2 жыл бұрын
me too actually
@hectorvelasquez1037
@hectorvelasquez1037 3 жыл бұрын
hahaha because we are optimist =)
@Mobin_atrzade
@Mobin_atrzade 3 жыл бұрын
وری گود
@dmitrysavkin5981
@dmitrysavkin5981 2 жыл бұрын
Do you speak русский?
@notjustdev
@notjustdev 2 жыл бұрын
так точна
@indycinema
@indycinema 2 жыл бұрын
More coding, less talking
@adefolajimi1522
@adefolajimi1522 Жыл бұрын
@notjust.dev I am having issues with the Add to cart & Buy Now Button displaying for android emulator.
Building the Ultimate Nike App in React Native & Redux
3:33:55
notJust․dev
Рет қаралды 136 М.
顔面水槽がブサイク過ぎるwwwww
00:58
はじめしゃちょー(hajime)
Рет қаралды 109 МЛН
How good is the latest version of ChatGPT? | BBC News
23:16
BBC News
Рет қаралды 125 М.
the new PS4 jailbreak is sort of hilarious
12:21
Low Level Learning
Рет қаралды 280 М.
Build an eCommerce App in React Native p.2 ( Tutorial by ex-Amazon SDE )
4:02:38
TOP 10 VSCode Extensions for React/React Native Developers (2021)
19:41
In-app Subscriptions & Paywalls with RevenueCat in React Native
2:27:53
Build a Local-First Finance app with Expo & WatermelonDB
3:58:46
notJust․dev
Рет қаралды 22 М.
Обманет ли МЕНЯ компьютерный мастер?
20:48
Харчевников
Рет қаралды 160 М.
🤖Вернулись в ПРОШЛОЕ🤪
0:28
Demin's Lounge
Рет қаралды 60 М.
Vortex Cannon vs Drone
20:44
Mark Rober
Рет қаралды 14 МЛН
На iPhone можно фоткать даже ночью😳
0:30
GStore Mobile
Рет қаралды 1,4 МЛН