react should write method in a functional component or outside functional component
In most cases you should declare the functions outside of the component function
so you declare them only once and always reuse the same reference. When you
declare the function inside, every time the component is rendered the function
will be defined again.
There are cases in which you will need to define a function inside the component
to, for example, assign it as an event handler that behaves differently based on
the properties of the component. But still you could define the function outside
Ball and bind it with the properties, making the code much cleaner and making
the update or draw functions reusable.