S04E03 - UI Components - Challenges and Best Practices Across Web and Native




Modern Web show

Summary: <p><strong>Summary</strong></p><br> <p><span style="font-weight: 400;">Benoit Marchant, create of the Montage Framework, and Andy Matuschak, UIKit engineer, researcher and head of mobile engineering at Khan Academy, join us to discuss UI components. We reminisce Benoit and Andy’s extensive history of web and native engineering at Apple. We debate various challenges and best practices of component reusability, encapsulation, gestures, data binding, and collaboration between engineers and designers.</span></p><br> <p><strong>Panelists</strong></p><br> <p><span style="font-weight: 400;">Benoit Marchant @benoitmarchant</span></p><br> <p><span style="font-weight: 400;">Andy Matuschak @andy_matuschak </span><a href="https://andymatuschak.org/"><span style="font-weight: 400;">https://andymatuschak.org/</span></a></p><br> <p><strong>Host</strong></p><br> <p><span style="font-weight: 400;">Ray Shan @rayshan </span><a href="https://shan.io"><span style="font-weight: 400;">https://shan.io</span></a></p><br> <p><strong>Links</strong> </p><br> <p><span style="font-weight: 400;">WebObjects</span></p><br> <p><a href="https://en.wikipedia.org/wiki/WebObjects"><span style="font-weight: 400;">https://en.wikipedia.org/wiki/WebObjects</span></a> </p><br> <p><span style="font-weight: 400;">Montage Framework</span></p><br> <p><a href="http://montagestudio.com/montagejs/"><span style="font-weight: 400;">http://montagestudio.com/montagejs/</span></a></p><br> <p><span style="font-weight: 400;">UIKit gesture recognizers</span></p><br> <p><a href="https://developer.apple.com/library/content/documentation/EventHandling/Conceptual/EventHandlingiPhoneOS/GestureRecognizer_basics/GestureRecognizer_basics.html"><span style="font-weight: 400;">https://developer.apple.com/library/content/documentation/EventHandling/Conceptual/EventHandlingiPhoneOS/GestureRecognizer_basics/GestureRecognizer_basics.html</span></a></p><br> <p><span style="font-weight: 400;">Gestures in React Native</span></p><br> <p><a href="https://facebook.github.io/react-native/docs/handling-touches.html"><span style="font-weight: 400;">https://facebook.github.io/react-native/docs/handling-touches.html</span></a></p><br> <p><a href="https://facebook.github.io/react-native/docs/gesture-responder-system.html"><span style="font-weight: 400;">https://facebook.github.io/react-native/docs/gesture-responder-system.html</span></a></p><br> <p><span style="font-weight: 400;">WebComponents</span></p><br> <p><a href="http://webcomponents.org/"><span style="font-weight: 400;">http://webcomponents.org/</span></a></p><br> <p><span style="font-weight: 400;">Elm</span></p><br> <p><a href="http://elm-lang.org/"><span style="font-weight: 400;">http://elm-lang.org/</span></a></p><br> <p><span style="font-weight: 400;">Khan Academy Long-Term Research</span></p><br> <p><a href="http://klr.tumblr.com/"><span style="font-weight: 400;">http://klr.tumblr.com/</span></a></p>