-
Book Overview & Buying
-
Table Of Contents
-
Feedback & Rating
Mastering React Test-Driven Development - Second Edition
By :
As you read through this section, you may wish to open src/Drawing.js and read the existing code to understand what it’s doing.
The current Drawing component shows a static snapshot of how the drawing looks at this point. It renders a set of Scalable Vector Graphics (SVG) lines to represent the path the turtle has taken to this point, and a triangle to represent the turtle.
The component makes use of two child components:
Turtle component is displayed once and draws an SVG triangle at the given locationStaticLines component is a set of SVG lines that are drawn onscreen to represent the drawn commandsWe will add a new AnimatedLine component that represents the current line being animated. As lines complete their animation, they will move into the StaticLines collection.
We’ll need to do some work to convert this from a static view to an animated representation.
As it stands, the component takes a turtle prop...