Seeing Your Place in a New Way: Utilizing Yarn Package Management in a React SPA Map Viewer
summary
Describes using Yarn for package management to streamline the build process of Stroly’s React single-page Map Viewer and its Illustmap framework. Covers build optimizations and tiling strategies for hand-drawn maps that enable real-time user-position display.
AI-written summary · about
chapters (31)
- 0:00Start
- 0:36About Me
- 2:27Talk Overview
- 3:05Mapping Basics - Leaflet
- 4:02Leaflet Plugin Architecture
- 5:00Leaflet Map Object
- 5:36Leaflet Interaction Controls
- 6:12Leaflet Layers
- 7:34Layers & Overlays - Baselayers
- 8:24Layers & Overlays - Basemap (Raster Layers)
- 9:22Vector UI Layers
- 9:35UI Layers - Popup
- 9:45UI Layers - Tooltip
- 10:04Vector Layers & Overlays Polyline
- 10:22Vector Layers & Overlays - Polyline
- 10:45Vector Layers & Overlays - Polygon
- 11:27Layers and Overlays - Tiling
- 12:25Geolocation
- 14:20Maps & Boards
- 15:36Web Map Viewer - Landmarks
- 16:02Web Map Editor - Use Cases
- 16:26Other examples of Leaflet
- 16:46Server-side Infrastructure
- 17:06Stroly Database (RDS)
- 17:33Batch Processing vs Lambda Processing
- 19:24Map Tiling Mechanism
- 19:39Yarn Build Process and Workflow
- 20:13Yarn Libraries
- 21:00Yarn vs NPM
- 21:25Future Undertakings & Conclusion
- 22:33Links and Resources
related talks
21mYarn in Depth: Why & How
50mBuilding with Mapbox GL JS in React
49mNavigating the React Solar System
22mYarn — 2019 and Beyond
19mFrom Imperative to Declarative: Simplifying JavaScript APIs with React.js
18mBuilding Maps with Impact on React and the JAMstack
15mApplying Microservices Design Patterns to Scale React App Development
27mUnderstanding JavaScript Libraries via React and the React Ecosystem