Why Writing a Pinch-to-Zoom Component Is Harder Than You Think

Why Writing a Pinch-to-Zoom Component Is Harder Than You Think

React Conferences by GitNation via YouTube Direct link

00:00 Pinch-to-Zoom Component Challenge

1 of 11

1 of 11

00:00 Pinch-to-Zoom Component Challenge

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Why Writing a Pinch-to-Zoom Component Is Harder Than You Think

Automatically move to the next video in the Classroom when playback concludes

  1. 1 00:00 Pinch-to-Zoom Component Challenge
  2. 2 01:23 Independent X and Y-axis Control
  3. 3 03:41 Unified Touch Interactions
  4. 4 06:10 Interpolated Touch Coordinates
  5. 5 08:56 Equation Implementation and Event Handling
  6. 6 10:28 React Integration and CSS Transform
  7. 7 11:58 Component Integration and Math Solver
  8. 8 13:51 CSS Transformation Calculation
  9. 9 14:42 Normalized Coordinate Space and Scale Calculation
  10. 10 15:37 Realistic Touch Gestures and Caveats
  11. 11 17:16 Pinch-to-Zoom Implementation Features

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.