Svg

Remember that the print and log functions are our friends in any programming endeavor. And with this in mind, you can do neat things like declare a variable. Or draw something on the screen with svg.

let a = 1;

console.log(a);

const frame = (
 <rect 
  x = {30}
  y = {30}
  width = {30} height={40}
  fill = 'hotpink'
  />
)

const ball = (
  '🏀'
)

render (
  <svg style={{background: '', width:240}} viewBox='0 0 80 80'>  
        {ball}{frame}
        </svg> 
)

Component

And

now we can

around a box on the screen.

isn't that cool and fun

Satori went away