Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

React Native Charts for Beginners

Code with Beto via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to create visually appealing charts in React Native applications using the gifted charts package in this 29-minute tutorial. Start by setting up a new React Native project and installing the necessary dependencies for chart implementation. Follow along as you implement a BarChart component from scratch, beginning with basic setup and progressing through adding dummy data to populate your chart. Discover how to optimize performance by caching data with React's memo functionality, and explore customization options for navigation properties. Master the art of styling and customizing your BarChart to create professional-looking data visualizations that enhance your mobile applications. The tutorial includes practical timestamps for easy navigation and provides hands-on experience with one of the most popular charting libraries in the React Native ecosystem.

Syllabus

00:00 Intro
01:00 Creating a new project
01:51 Installing dependencies
04:33 Implementing the BarChart
16:17 Adding dummy data
20:40 Caching data with memo
23:07 Customizing navigation props
24:42 Customizing BarChart
28:42 Outro

Taught by

Code with Beto

Reviews

Start your review of React Native Charts for Beginners

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.