ArcGIS API for JavaScript: Building Apps with React

Learn to build powerful applications that integrate the ArcGIS API for JavaScript via @arcgis/core or Esri-loader. In this session, we’ll use React to build fast and responsive applications that use modern tooling and techniques. 📖 Slides: https://odoe.github.io/ds2021-slides/... 💻 Code: React with ESM: https://github1s.com/odoe/jsapi-esm-r... esri-loader-hooks demo: https://esri-loader-hooks.netlify.app/ esri-gatsby code: https://github1s.com/tomwayson/esri-g... 🕑 Chapters ============= 00:00 Intro 00:40 @esri/react-arcgis 01:50 Creating your own components 03:16 Component Concepts 03:55 Rendering the container 04:36 useRef for the container 05:17 useEffect for side effects 05:54 useEffect to create map & view 07:00 Code for MapView component 08:03 Passing Map & view properties 08:55 Update Map & view properties 12:40 Watch o events callbacks 13:56 Modern React and the ArcGIS API 14:40 Manage global state in React 16:26 Modularize API usage 18:26 Why lazy load the API? 18:28 Suspense 21:29 Demo: React with ESM 32:18 @arcgis/core 32:36 ArcGIS API is different 33:06 Build tools - bundlers 33:38 esri-loader package 37:39 Example esri-loader-hooks 39:31 When to use esri-loader 40:12 Example esri-gatsby 43:31 Conclusion -------------------------------------------------------------------------------------------------------------------------- Follow us on Social Media! Twitter:   / esri   Facebook:   / esrigis   LinkedIn:   / esri   Instagram:   / esrigram   The Science of Where: http://www.esri.com 12471