Who doesn't like Mr. and Mrs. Potato Head!
Today we will be recreating the iconic Mr. Potato Head in JavaScript.
Meaning we will have all his part...
For further actions, you may consider blocking this person and/or reporting abuse
Hey, Chris! Great tutorial! 👏
I've used your code to create alternative solution based on my rxjs library
It's designed to query events, something like:
Here's online demo with Mr. 🥔:
stackblitz.com/edit/rx-rql-mr-pota...
Hope you don't mind? 😊
Wow very cool! 🤘👍
I just had to try it! Thank you for this great tutorial!
Nailed it! Haha did you have fun?
Yup, it's a great task, well done!
Nice, but there is a bug where if you drag & move the mouse fast, and if the mouse goes outside the bounding box of the draggable element the dragging behaviour breaks.
We can fix this by attaching mousemove listeners to the window itself. and tracking the which element is begin dragging.
Oh nice addition, did note this, while posting this morning. Gonna have a look at the fix
This is so AWESOME! Great work!
Thank you! Love childish things 🤷♂️
This swell except that actual dragging responsiveness is pretty buggy/jerky - Maybe try a throttle/debounce in the event handling?
Yeah noticed this on the smaller parts, will have a look into that.
Hahah, good job on implementing this in pure JS 😉
Most devs would search for libraries like DraggableJS 😃
Yeah and it's actually easier than reading documentation on some library haha
Wonderful
Thanks glad you like it