How to properly render on canvas?

Question

JavaScript

How to correctly render multiple graphic primitives on canvas?
At the moment I have a regular Primitive class that has a draw() method.
Accordingly, there will be a stack of layers with classes. I plan to make an observer to track layer changes. If something has changed, redraw all layers.
At the moment, I see a few things - using requestAnimationFrame to make rendering more responsive.
How are things like this usually done?