Uploaded June 2024 | Updated September 2026, 3 weeks ago

---

In this video, we use the react-native-gifted-charts library to create a beautiful, pixel-perfect chart. We dive deep into all the tweaks and styles to achieve our desired UI.

Source Code: https://codewithbeto.dev/projects/react-native-charts
React Native Course: https://codewithbeto.dev/learn
React with TypeScript course: https://codewithbeto.dev/learnReact

Get an exclusive 40% discount on CodeCrafters with my referral link: app.codecrafters.io/join?via=betomoedano

👨🏻‍💻 ☕️ 🌟 Join this channel to get access to perks:🌟 ☕️ 👨🏻‍💻
youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join

👯 Join the Discord: discord.gg/dbYfWFw862

⌚️ Timestamps ⌚️
0:00 Intro & Demo
02:39 Source Code and Resources
05:43 Installing Dependencies
07:09 SQLite Database Overview
12:30 Chart Component
26:44 Fetching Weekly Data
45:26 Processing Data
01:00:40 Adding Prev/Next Week Button
01:06:55 Improving Styling
01:13:02 Conclusion

⭐️ If you want to learn more about me, check this links:
Code With Beto: https://codewithbeto.dev
X: https://x.com/betomoedano
Github: github.com/betomoedano
Linkedin: linkedin.com/in/betomoedano
Discord: discord.com/invite/G2RnuUD8
Medium: medium.com/@betomoedano01
Figma: figma.com/@betomoedano

⭐️ My apps & projects:
► Code With Beto: https://codewithbeto.dev/
► Eco Studios:https://www.ecostudios.dev/
⭐️ Contact: betomoedano@outlook.com