Let's build a CRYPTO Price Tracker with React Native (step by step tutorial)🔴

  Рет қаралды 173,424

notJust․dev

notJust․dev

Күн бұрын

Follow along and build a real Crypto Price Tracker App in React Native. This step-by-step tutorial is a great starting point for developers with any experience even beginners!
📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev! Check out what our successful students are saying about their experience: academy.notjust.dev/?...
By the end of this tutorial, you will learn to:
✨Set up your first React Native project with Expo CLI
✨Run your app on Android and iOS devices/emulators
✨Build beautiful UI designs
✨Data management with Props and State
✨Functional components, hooks (useState, useEffect)
✨Structure your project like a PRO
✨and more
🎒 Download the Asset Bundle (Images, Dummy data, PDF presentation, cookies):
assets.notjust.dev/crypto-tra...
💻Source code: github.com/notJust-dev/Crypto...
Follow this tutorial:
Part 2: • Let's build a CRYPTO P...
Part 3: • Let's build a CRYPTO P...
Part 4: • Let's build a CRYPTO P...
Part 5: • Let's build a CRYPTO P...
💬 Join the notJust Development gang and let's build together:
Twitter: / vadimnotjustdev
Instagram: / vadimnotjustdev
Facebook: / notjustdev
LinkedIn: / vadimsavin
Discord: / discord
Timecodes:
0:00 How to build a Crypto Price tracker app in React Native
5:48 Prerequisites for the build
6:50 Initializing Expo Project
12:42 Building Coin Item
1:03:50 Importing Local Data
1:15:30 Market Cap Normalization Function
1:23:48 Percentage Change Icon Color
1:40:44 Custom Header Bar
2:08:17 Implementing Price Tags
2:28:42 Implementing & Configuring Chart Package
3:04:45 Price Converter Function
3:47:00 Demo of App
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 #reactnative

Пікірлер: 68
@notjustdev
@notjustdev Жыл бұрын
📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev in 2023! Check out what our successful students are saying about their experience: academy.notjust.dev
@user-zv6vl6ne9z
@user-zv6vl6ne9z 2 жыл бұрын
really really good. Thanks. I really appreciate
@realtorBG
@realtorBG 2 жыл бұрын
probably u r one of the top Mentors here
@chacha-tw9pl
@chacha-tw9pl 2 жыл бұрын
Hi, Mr.Vadim I know you've created two apps in Uber clone series, but if I wanna add some components based on the same app, is possible using the users' attributes?Such like add custom attributes with boolean, or hardcode my attributes.user.sub in VS code. I just got stuck in building an admin panel for a personal E-commerce shop. In short, I tried to combine your Uber, Signal, and Amazon clone series , but no idea about creating admin panel for my own shop to get customers' information ( like message, orders,...etc) using the same app. I'm still waiting for your full stack course, hope you can see this comment : )
@thatolebethe8896
@thatolebethe8896 Жыл бұрын
Lukas is really good , create content amazing channel thank you very much
@user-to5el1yk1s
@user-to5el1yk1s 2 жыл бұрын
Вадим, скажи пожалуйста, на експо можно проекты с реакт натив писать? То есть, все твои проекты с реакт можно перенести на експо? тот же тиндер клон, получится?
@realtorBG
@realtorBG 2 жыл бұрын
well done guys
@aperturemaker
@aperturemaker 4 ай бұрын
Great Work !
@gouravnainwaya5669
@gouravnainwaya5669 2 жыл бұрын
Thanks for source code ❤️
@wdewilly3311
@wdewilly3311 Жыл бұрын
good tutorial cracks 😎
@christostsm5795
@christostsm5795 2 жыл бұрын
We love Lukas :D
@aks8953
@aks8953 2 жыл бұрын
Do I need to learn JavaScript to do this tutorial I only know c,c++ python ??
@luqmanhrizal
@luqmanhrizal 2 жыл бұрын
Hi! Really appreciate your kindness to make this Crypto Price Tracker tutos!☺️ Do you mind making tutorial for a full-stack Venmo🔵?
@notjustdev
@notjustdev 2 жыл бұрын
Great suggestion!
@okayfri
@okayfri Жыл бұрын
What language was on the terminal you used?
@Quitoss
@Quitoss 2 жыл бұрын
is there a channel like this for python devs?
@januszwdowka3610
@januszwdowka3610 Ай бұрын
Hi did someone fixed this problem with rainbow charts? I can't fix it and don't know what to do
@akporhiegbeking2028
@akporhiegbeking2028 3 ай бұрын
Hey, I tried cloning the guthub repo but after cloning and installation I get an error saying: Reanimated_module error. Please help.
@gdinesh7272
@gdinesh7272 Жыл бұрын
I am Not Getting That basic Graph for example itself bro some errors Are coming At Export something Can Someone Help Me
@aabidkarim4965
@aabidkarim4965 Жыл бұрын
How to create Crypto currency exchange App
@ext1nger294
@ext1nger294 Жыл бұрын
guys can you help me, i used my physical device and i didnt see the dot on the graph?
@ajitsahu4740
@ajitsahu4740 2 жыл бұрын
great
@user-ur6ru1db5t
@user-ur6ru1db5t Жыл бұрын
cool nice great
@ravalbit.mahmadali
@ravalbit.mahmadali Жыл бұрын
Having Problems In Adding chart The Error says : RNSVGPath module not found and react-native-gesture-handler not found. Tried multiple times but still could not find a solution tried linking manually but nothing happened
@ravalbit.mahmadali
@ravalbit.mahmadali Жыл бұрын
solved by installing pods every time I installed a new library and closing and running the project again
@believeclinton9176
@believeclinton9176 2 жыл бұрын
Am having expo go stop working , when I install the rainbow me chat , pls any solution
@keithgoddard4192
@keithgoddard4192 2 жыл бұрын
Same. Seems to be an issue with react-native-gesture-handler... there is a version conflict with a gesture handler method and the Chart library (RNGestureHandlerModule.attachGestureHandler got 2 arguments, expected 3). The rest of the tutorial series becomes completely useless, sadly.
@lokindradangi
@lokindradangi Жыл бұрын
is there any one here solve a loader issue after installing a rainbow charts please mention your solution
@piyushpiyush919
@piyushpiyush919 2 жыл бұрын
does this build have redux
@kierannguyen7115
@kierannguyen7115 Жыл бұрын
Why my ChartDot is not showing, let's help me pls ?
@fayaalpaakeer
@fayaalpaakeer Жыл бұрын
Is this support Windows
@jaybow27
@jaybow27 2 жыл бұрын
chúc mọi người ngày mới vui vẻ
@elelion6063
@elelion6063 2 ай бұрын
thanks for sharing this video #mrfishvlogs
@notjustdev
@notjustdev Ай бұрын
Thanks for watching!
@bahtiyarshaymuratov9809
@bahtiyarshaymuratov9809 2 жыл бұрын
hi can you share the code ?
@sainathgaikwad4778
@sainathgaikwad4778 7 ай бұрын
TypeError: _ReanimatedModule.default.createNode is not a function (it is undefined), js engine: hermes ERROR Invariant Violation: "main" has not been registered. This can happen if: * Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project. showing this error please help me!!
@luyolopondo9934
@luyolopondo9934 6 ай бұрын
I got the same error i need some help>
@sainathgaikwad4778
@sainathgaikwad4778 6 ай бұрын
@@luyolopondo9934there is library issue of reanimated
@endangsusilowati1548
@endangsusilowati1548 Ай бұрын
How to buy?
@thatolebethe8896
@thatolebethe8896 Жыл бұрын
Hi guys im a bit stuck with the installation of the react native animation , thus my chart is not working please assist if you know of a solution
@lokindradangi
@lokindradangi Жыл бұрын
Mention your problem
@thatolebethe8896
@thatolebethe8896 Жыл бұрын
@@lokindradangi hi. Basically whenever I try to use the charts the app either crashes or gives me an error of rngesture expected 3 args but got 2 , I followed rainbow charts exactly but still same problem
@muhammadarsalanmanzoor3938
@muhammadarsalanmanzoor3938 2 жыл бұрын
crashing app after installing chart js library
@thatolebethe8896
@thatolebethe8896 Жыл бұрын
did u fix?
@lokindradangi
@lokindradangi Жыл бұрын
Same here waht's your error can you mention so that we can discuss
@lokindradangi
@lokindradangi Жыл бұрын
@@thatolebethe8896 can you fix it
@ravalbit.mahmadali
@ravalbit.mahmadali Жыл бұрын
I got error after installing rainbow react-native-animated-charts library
@user-rs2nv7my1k
@user-rs2nv7my1k 11 ай бұрын
1:11:07 , Спасибо за запись)
@kelwinanim4rt966
@kelwinanim4rt966 6 ай бұрын
where's the data files?
@kashifharoon7707
@kashifharoon7707 2 жыл бұрын
Hello sir
@alatisetosin1492
@alatisetosin1492 2 жыл бұрын
Hy, @Vadim I really appreciate your good work, Not yet earning but when I do I will definitely send you a gift 😎🌹 I am facing an issue with the chart it is working well on Ios physical device but keep terminating my android emulator and the android physical device NO red screen No error report, hope to get a solution soon
@yigitogulbayarlar7138
@yigitogulbayarlar7138 Жыл бұрын
Any solution ??
@user-to5vz9sw8w
@user-to5vz9sw8w Ай бұрын
1
@user-sq7si4jz5h
@user-sq7si4jz5h 2 ай бұрын
❤mer
@mariacristinaarezzi
@mariacristinaarezzi 5 ай бұрын
Hello
@kashifharoon7707
@kashifharoon7707 2 жыл бұрын
Wedmegood app clone can you make?
@hardikgera234
@hardikgera234 2 жыл бұрын
We can build sir please reply if you need
@kashifharoon7707
@kashifharoon7707 2 жыл бұрын
Yah i need
@kashifharoon7707
@kashifharoon7707 2 жыл бұрын
Please tell me sir
@shubhamkumargupta3478
@shubhamkumargupta3478 2 жыл бұрын
anything could be small 🤣🤣🤣
@kashifharoon7707
@kashifharoon7707 2 жыл бұрын
Why u delete my comment
@kashifharoon7707
@kashifharoon7707 2 жыл бұрын
?
@mysterynights6255
@mysterynights6255 2 жыл бұрын
Rainbow animated charts not working showing loader problem please suggest anything
@justinrinearson8055
@justinrinearson8055 Жыл бұрын
BUMP!!! Please this is killing me.
@thatolebethe8896
@thatolebethe8896 Жыл бұрын
Also stuck but I saw on discord someone used wagmi charts
@lokindradangi
@lokindradangi Жыл бұрын
Hey you solve it or not if please mention loader solution
@kashifharoon7707
@kashifharoon7707 2 жыл бұрын
?
Let's build a CRYPTO Price Tracker with React Native (p.2)🔴
3:54:43
notJust․dev
Рет қаралды 140 М.
🔴Build Twitter Fleets (stories) with React Native and AWS Amplify
3:43:10
Normal vs Smokers !! 😱😱😱
00:12
Tibo InShape
Рет қаралды 21 МЛН
Godzilla Attacks Brawl Stars!!!
00:39
Brawl Stars
Рет қаралды 10 МЛН
原来小女孩在求救#海贼王  #路飞
00:32
路飞与唐舞桐
Рет қаралды 64 МЛН
Buy Feastables, Win Unlimited Money
00:51
MrBeast 2
Рет қаралды 81 МЛН
OpenAI SHOCKED Everyone! Voice, Vision, & Free?!
8:58
Theoretically Media
Рет қаралды 33 М.
Build and Deploy a GraphQL API using NodeJS (tutorial for beginners)
3:40:25
NEW GPT-4o: My Mind is Blown.
6:28
Joshua Chang
Рет қаралды 153 М.
Building the Formula 1 App with React Native
3:58:45
notJust․dev
Рет қаралды 223 М.
SpaceX launches Starlink batch on 50th mission of 2024, nails landing
9:10
Google Expands AI Overviews to All Search Users
10:28
Redux - Complete Tutorial (with Redux Toolkit)
37:01
Cosden Solutions
Рет қаралды 135 М.
The PA042 SAMSUNG S24 Ultra phone cage turns your phone into a pro camera!
0:24
Samsung or iPhone
0:19
rishton vines😇
Рет қаралды 5 МЛН
M4 iPad Pro Impressions: Well This is Awkward
12:51
Marques Brownlee
Рет қаралды 5 МЛН
How To Photo color Adjismint In Tutorial
0:40
Nadeem HD Tech
Рет қаралды 104 М.