Bar Chart with JSX Syntax (Part II)
We are back with our video series with Stepwise developers and mentors! They are unique and talented people who have extensive knowledge in their fields and our areas of activity. From Custom Software Development, through Cloud, Security and Test Automation topics, to individual programming languages and frameworks! They decided to share this knowledge with you :)
Meet Maciej - Stepwise Senior Frontend Developer.
Today we will be building a Bar Chart using JSX syntax. This time we will use StyledComponents for SVG element styling. As before we will be using useRef, useState and useEffect h…
Watch on YouTube ↗
(saves to browser)
Chapters (12)
recap
0:30
generating new component(NX Library)
2:05
setting up basic style and box dimensions
2:37
using Ref to reference chart
3:38
measuring screen size
4:46
generating data
5:48
creating bar component
8:40
adding bar value text
11:42
adding XAxis
14:05
adding YAxis
15:46
adding Title text
16:45
summary
DeepCamp AI