Mobile | Wed Jun 26 202416,849 views

React Native Charts Tutorial

Hi there!

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. For the data, we use SQLite, and we also learn how to retrieve weekly data, apply filters, and handle chart data updates.

Gifted Charts Docs Mockaroo TablePlus

🧙‍♂️ Want to become a master in React Native? Check the React Native Course

Also, don't forget to explore the React with TypeScript Course, where we master TypeScript, handle payments, and deploy scalable applications. Learn more

Dependencies

npx expo install react-native-gifted-charts expo-linear-gradient react-native-svg

Links

Youtube GitHub

Go back to Projects

Support Our Community

Take your skills to the next level by enrolling in our courses!

React Native CourseMaster React with TypeScriptMaster Git & GitHubLiveStore Course

Your support helps us continue creating valuable resources for everyone. ❤️