Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to create stunning, pixel-perfect charts in React Native using the react-native-gifted-charts library in this comprehensive tutorial. Master the implementation of dynamic data visualization by building a complete charting solution from scratch, starting with SQLite database integration and progressing through component creation, data fetching, and advanced styling techniques. Explore database overview fundamentals before diving into chart component development, then advance to fetching weekly data and processing it for optimal display. Enhance user experience by implementing navigation controls with previous and next week buttons, and refine the visual appeal through detailed styling improvements. Gain hands-on experience with real-world data visualization challenges while learning best practices for creating responsive, interactive charts that seamlessly integrate with your React Native applications.
Syllabus
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
Taught by
Code with Beto