Building an Ecommerce App with React Native, Expo and Gluestack

  Рет қаралды 5,477

notJust․dev

notJust․dev

Күн бұрын

📲 Build your UI faster and more efficiently with Gluestack. Start using it for free today: bit.ly/3zMmBeA
In this tutorial, we’ll build the frontend UI for our ecommerce application using React Native, Expo, and Gluestack. You’ll learn how to design a beautiful, responsive interface while integrating with the REST API we created in part one. We’ll also cover managing server-side data with TanStack Query to keep everything efficient and responsive. Let's get started
1️⃣ Watch part one on building a scalable API with NodeJS here: kzbin.info...
📝 Project Page: notjust.dev/pr...
📃 Guide: assets.notjust...
💻 Source Code: github.com/not...
⚛️ React Native Mastery is the ONLY course you need to Master mobile development with React Native & Expo 🚀
Join the waitlist now: www.notjust.de...
📚 This video includes a lot of tools and technologies, providing an excellent opportunity to learn about:
React Native: Build cross-platform mobile apps with ease.
Expo: Simplify development and testing with Expo's powerful toolchain.
Expo Router: Manage navigation between screens effortlessly.
Gluestack: Design a professional UI with Gluestack's flexible components.
TanStack Query: Handle data fetching and caching for seamless integration with the backend.
REST API Integration: Connect the UI with the backend API for products and orders, built in part one.
❗Try our FREE 2-day Masterclass on notJust.Academy: assets.notjust...
Want to make deployment effortless? Try Genezio to simplify scaling and deploying your API. Sign up for free using this link: bit.ly/483mM1F
💡 Have an idea for a future tutorial? Share it on our Idea Board: github.com/org...
💬 Join the notJust Development gang and let's build together:
Twitter: / vadimnotjustdev
Instagram: / vadimnotjustdev
Facebook: / notjustdev
LinkedIn: / vadimsavin
Discord: / discord
Timecodes:
Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with.
#notjustdev #ecommerce #reactnative

Пікірлер: 13
@mdalmamunit427
@mdalmamunit427 Күн бұрын
I love the way you explained the concept-it’s so clear and easy to understand! I try to follow it and implement it on my channel 😊
@АлександрСанин-н3ъ
@АлександрСанин-н3ъ 3 сағат бұрын
Do you have some tutorial where show implementation reCAPTCHA Validation to React Native App?
@ekalrozhan3432
@ekalrozhan3432 Күн бұрын
Wheres the payment gateway part
@roshandev8167
@roshandev8167 20 сағат бұрын
Hi where is the dashboard app video?
@duykhanhnguyen9274
@duykhanhnguyen9274 2 күн бұрын
maybe i miss something, but how to set a component to display first when open a app?
@notjustdev
@notjustdev 2 күн бұрын
With Expo router, the initial screen that it will render is the `app/index.tsx`
@gabrielpaez321
@gabrielpaez321 Күн бұрын
HI,, What could be the reason why Gluestack is not working for me? It's like it doesn't recognize the components. I compared it with the repository, and everything is the same. I have reinstalled the components, but the issue remains
@nikosdimou7291
@nikosdimou7291 2 күн бұрын
hello mate i followe everything about the cards but dont show me the card its say Please pass alt prop to Image component
@nikosdimou7291
@nikosdimou7291 Күн бұрын
sorry was the tailwind needed edit somethings to work properly thanks for the awesome tutorial btw :)
@AresAres-qw5xf
@AresAres-qw5xf 2 күн бұрын
can someone tell me how can we generate an apk once the app is finish? with react expo is impossible for me 😔 5bg app to make an apk nothing works for me
@notjustdev
@notjustdev 2 күн бұрын
You can build it locally if you have Android Studio setup (docs.expo.dev/guides/local-app-development/) Or you can use EAS to build it in the cloud (docs.expo.dev/build/introduction/)
@AresAres-qw5xf
@AresAres-qw5xf Күн бұрын
@@notjustdev I've try both not working after 120m it's stopping to build
@HenokGebresenbet
@HenokGebresenbet Күн бұрын
please also do tutorial react native with firebase most campanies use firebase for backend🙏
Building the Ultimate Nike App in React Native & Redux
3:33:55
notJust․dev
Рет қаралды 209 М.
Curso de React Para Iniciantes
57:14
Programação Web
Рет қаралды 103 М.
Fake watermelon by Secret Vlog
00:16
Secret Vlog
Рет қаралды 23 МЛН
Will A Basketball Boat Hold My Weight?
00:30
MrBeast
Рет қаралды 94 МЛН
小蚂蚁会选到什么呢!#火影忍者 #佐助 #家庭
00:47
火影忍者一家
Рет қаралды 119 МЛН
Human vs Jet Engine
00:19
MrBeast
Рет қаралды 93 МЛН
Building a Health Application with React Native: Step Counter
3:57:53
notJust․dev
Рет қаралды 421 М.
How is this Website so fast!?
13:39
Wes Bos
Рет қаралды 441 М.
Let's build a DISCORD clone with React Native 🔴
3:42:41
notJust․dev
Рет қаралды 169 М.
One React Framework - Full ViteConf 2024 Talk
16:07
Tamagui
Рет қаралды 1,2 М.
This Folder Structure Makes Me 100% More Productive
24:36
Web Dev Simplified
Рет қаралды 38 М.
Flutter vs React Native vs. Swift/Kotlin In 5 Minutes
5:20
Your Average Tech Bro
Рет қаралды 145 М.
Now Anyone Can Code: How AI Agents Can Build Your Whole App
37:14
Y Combinator
Рет қаралды 41 М.
Fake watermelon by Secret Vlog
00:16
Secret Vlog
Рет қаралды 23 МЛН