Building a Full JS Deep Zoom Image Viewer
Explore the development of a custom JavaScript deep zoom image viewer for React Native in this conference talk from React Native EU 2022. Learn how to efficiently display and interact with large images using tile pyramids, a technique employed by popular map services. Discover the journey from a proof of concept using react-native-maps to a production-ready component built with Reanimated 2, all within 500 lines of JavaScript code. Gain insights into the decision-making process behind creating a bespoke solution instead of relying on third-party native libraries. Understand how this viewer enables users to view and add markers on building floor plans with precision and performance, making it suitable for on-site use in construction projects.