Podcasts about skatejs

Recording date: 2018-09-20 Tweet John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Sam Julien https://twitter.com/samjulien ** Rob Wormald** https://twitter.com/robwormald Notes: (0:01:20) Mailbag https://twitter.com/D2KX_/status/1052980944389513217 about Polymer's life and web components (0:01:30) Polymer https://www.polymer-project.org/ (0:02:44) Rob says that more common features will move to the platform for web components (0:03:45) Rob talks about how his role is to talk to folks who build apps with JavaScript (0:05:04) Rob talks about solving the problem of recreating the same component over and over (DatePicker as an example) (0:05:26) DatePicker in Angular Material https://material.angular.io/components/datepicker (0:05:46) Rob talks about solving the problem of recreating the same component over and over (DatePicker as an example) (0:06:31) Dan talks about jQuery and the plugins for extensibility (0:08:00) Ward asks if people are looking for an Angular version of a control or a more generic JavaScript one (0:08:33) Ward asks Rob if he sees people want to interop between platforms (0:09:12) Rob talks about how Google has various internal tools (0:10:20) Angular's new Ivy compiler https://www.youtube.com/watch?v=dIxknqPOWms&feature=youtu.be&t=1360 (0:10:37) John asks Rob to explain the Ivy compiler (0:11:15) Tree shaking https://developer.mozilla.org/en-US/docs/Glossary/Tree_shaking (0:11:30) Rob talks about how an Angular app will be about 15kb with Ivy (0:14:00) John asks Rob if sharing company specific UI libraries is one of the goals of Angular Elements (0:14:32) Angular Elements https://angular.io/guide/elements (0:15:32) Ward asks Rob about dynamic forms and how Angular Elements may address it (0:17:44) Ward asks about the value of AngularElements talking to each other! Vanilla web components are stand alone. Great. But I build apps and apps are components that talk to each other. If I'm building with AE, I get that inter-comm among elements, yes? How does that work? (0:19:08) Dan asks Rob about how this impacts big companies (0:20:26) Rob talks about SkateJS https://github.com/skatejs/skatejs (0:21:09) Ward asks Rob about vanilla web components. (0:21:19) Ward says components should be able to talk to each other. (0:22:37) Rob addresses how components can talk to each other with Angular Elements (0:23:30) Dan says a lot of the companies he works with have islands of apps and want to take a feature and drop it in with a tool like Angular Elements. (0:24:00) Ward says he loves Sharepoint (0:24:29) Rob explains how Sharepoint users are one of the larger consumers of Angular Elements (0:24:45) Ward says there may be similar things in the Salesforce world too (0:26:52) John asks Rob how much Angular comes along for the ride with Angular Elements (0:27:17) Rob explains the basic steps to create a component with Angular Elements. (0:28:11) Rob says the way you author a component doesn't change, just how you bootstrap it. (0:28:35) Dan asks if he needs the CLI to create and build Angular Elements (0:29:38) Ward asks if DI works across the elements (0:32:06) Ward asks Rob how he sees the other frameworks handling this problem. (0:32:00) Rob talks about his experience with React and Vue's approaches to custom elements. (0:32:56) Rob says the React team is talking with the Angular team about this, but he does not know of their plans. (0:34:13) Rob says Vue provides the ability to publish component from inside of Vue, as far as he knows (0:35:30) Rob talks about their relationship and cooperation with Ionic https://ionicframework.com/ (0:37:53) Someone to follow - Thierno Thiam https://twitter.com/localhost_droid and https://twitter.com/dakarPromiseJs (0:48:42) Someone to follow - Minko Gechev https://twitter.com/mgechev (0:39:30) Someone to follow - is Laurie Voss, https://twitter.com/seldo COO and co-founder of npm http://our-origins.com/post/171840751116/laurie-voss-co-founder-and-coo-at-npm (0:40:00) Someone to follow - Jason Miller author of preact https://twitter.com/_developit https://twitter.com/preactjs

This week we talk about Customized Built-in Elements, part of the Custom Elements specification which hasn't had as much attention as other parts of the Web Component specs. Customized Built-in Elements allow developers to extend native DOM elements and add additional functionality. In this episode learn all about how they work, what benefits they provide and some practical use-cases along with a discussion on browser support for this exciting feature of the platform. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/169-extending-the-dom-with-web-components   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

In this episode, we are joined by Trey Shugart who is a front-end developer (Principal Developer) at Atlassian, proponent of web components, and author of SkateJS to talk about Web Components. Items mentioned in the episode: Fast and the Furious 8, Skate JS, Preact, React, Chrome browser, Rust episode, Polymer, X-Tag, jQuery, Flux, Functional Programming, Safari, Firefox, Web Assembly, W3C, Progressive Web Apps, Ken Wheeler, Service Workers, Lighthouse, TypeScript, Flow, nwb, Nest, React, Angular, Ember, Jason Miller, Knockout, Dart Guests: Trey Shugart - @treshugart Panelists: Jem Young - @JemYoung Ryan Anklam - @bittersweetryan Brian Holt - @holtbt Stacy London - @stacylondoner Picks: Trey Shugart - Flow Type Trey Shugart - Line 6 helix Trey Shugart - Skate Maintainers Trey Shugart - Jason Miller Jem Young - Ryan Anklam Jem Young - The Wee Baby Burgess - Austin Ryan Burgess Jem Young - Iron Fist Ryan Anklam - Spotify Discover Weekly Playlist Ryan Anklam - Ancillary Justice Brian Holt - Flow Type Brian Holt - Babel Preset Env Brian Holt - Planned Parenthood Stacy London - Web Developer Roadmap Stacy London - Broken Social Scene - Halfway Home

Developer bias is something all developers deal with either knowingly or not. Trey Shugart the creator of SkateJS joins us this week to discuss the advantages and disadvantages of developer bias. Following up on his talk at Web Componente Remote Conference we look at what problems developer bias causes us in our day to day lives and Trey provides some tips on how to step back and look at problems more objectively. Around the Web in Two Minutes Safari 10.1 Release Includes Fetch, CSS Grid Layout, ES2016-2017 Support & Custom Elements V1! This release also includes support for ES6 modules making Safari the first browser to ship this feature! https://webkit.org/blog/7477/new-web-features-in-safari-10-1/ Chrome DevTools landed JS/CSS coverage moved out of experiments Currently in Canary M59 Useful for identifying code which would be split/ or lazy loaded https://twitter.com/addyosmani/status/848907772318015488 Edge confirms that an updated CSS Grid implementation is in development https://twitter.com/MSEdgeDev/status/848997331567497216 Interesting Blink Intent to Ship's of the week: Writable Streams https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/qpY1dj_ND-Q Animated PNGs https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/xEOyu8QFCr0/3oqSlHBxCwAJ InputEvent https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/W-Q1yWW-zas Firefox added experimental support for async iteration into Firefox nightly https://groups.google.com/forum/#!topic/mozilla.dev.platform/4--twpqTrMY Engineers gathered in Japan for two days of Service Worker standards meetings covering potential version2 updates. Guests Trey Shugart (@treshugart) Panel Danny Blue (@dee_bloo) Leon Revill (@RevillWeb) Justin Ribeiro (@justinribeiro)      

2:15 - Introducing Rob Dodson Polycasts with Rob Dodson A11ycasts with Rob Dodson Twitter 2:35 - What are Web Components? 5:00 - Using Web Components 10:05 - Why material design hasn’t focused on Web Components 11:55 - Making Web Components smaller 14:45 - Standards of work 18:10 - What is “Shadydom”? 21:05 - Benefits of using Web Components and custom elements 26:05 - Web Components and Angular 2.0 31:05 - Eventing and lifecycle models for Web Components 33:55 - Testing Web Components 35:30 - Benefits of using Polymer 38:50 - Clearing up confusion between Polymer, polyfills, and Web Components http://webcomponents.org/ SkateJS Polymer Project 41:20 - What does Rob Dodson do? Polymer Summit London 2016 42:40 - Seeing how Angular 2 and Web Components connect https://github.com/webcomponents/angular-interop https://github.com/robdodson/angular-custom-elements Custom Element Inter-op with Angular 2 by Danny Blue Picks: Men Explain Things to Me by Rebecca Solnit (Ward) Angular Remote Conf videos (Charles) Web Components Remote Conf (Charles) Elon Musk: Tesla, SpaceX, and the Quest for a Fantastic Future by Ashlee Vance (Rob) Stranger Things (Rob)

2:15 - Introducing Rob Dodson Polycasts with Rob Dodson A11ycasts with Rob Dodson Twitter 2:35 - What are Web Components? 5:00 - Using Web Components 10:05 - Why material design hasn’t focused on Web Components 11:55 - Making Web Components smaller 14:45 - Standards of work 18:10 - What is “Shadydom”? 21:05 - Benefits of using Web Components and custom elements 26:05 - Web Components and Angular 2.0 31:05 - Eventing and lifecycle models for Web Components 33:55 - Testing Web Components 35:30 - Benefits of using Polymer 38:50 - Clearing up confusion between Polymer, polyfills, and Web Components http://webcomponents.org/ SkateJS Polymer Project 41:20 - What does Rob Dodson do? Polymer Summit London 2016 42:40 - Seeing how Angular 2 and Web Components connect https://github.com/webcomponents/angular-interop https://github.com/robdodson/angular-custom-elements Custom Element Inter-op with Angular 2 by Danny Blue Picks: Men Explain Things to Me by Rebecca Solnit (Ward) Angular Remote Conf videos (Charles) Web Components Remote Conf (Charles) Elon Musk: Tesla, SpaceX, and the Quest for a Fantastic Future by Ashlee Vance (Rob) Stranger Things (Rob)

2:15 - Introducing Rob Dodson Polycasts with Rob Dodson A11ycasts with Rob Dodson Twitter 2:35 - What are Web Components? 5:00 - Using Web Components 10:05 - Why material design hasn’t focused on Web Components 11:55 - Making Web Components smaller 14:45 - Standards of work 18:10 - What is “Shadydom”? 21:05 - Benefits of using Web Components and custom elements 26:05 - Web Components and Angular 2.0 31:05 - Eventing and lifecycle models for Web Components 33:55 - Testing Web Components 35:30 - Benefits of using Polymer 38:50 - Clearing up confusion between Polymer, polyfills, and Web Components http://webcomponents.org/ SkateJS Polymer Project 41:20 - What does Rob Dodson do? Polymer Summit London 2016 42:40 - Seeing how Angular 2 and Web Components connect https://github.com/webcomponents/angular-interop https://github.com/robdodson/angular-custom-elements Custom Element Inter-op with Angular 2 by Danny Blue Picks: Men Explain Things to Me by Rebecca Solnit (Ward) Angular Remote Conf videos (Charles) Web Components Remote Conf (Charles) Elon Musk: Tesla, SpaceX, and the Quest for a Fantastic Future by Ashlee Vance (Rob) Stranger Things (Rob)

Software developer at Softwire, Tim Perry (@pimterry), has created a set of “Server Components”. These are simple, lightweight tools for “composable HTML rendering in Node.js, broadly following the Web Components browser specification, but on the server side”. Rob Dodson (@rob_dodson), Google Developer Advocate & Polymer Legend & Trey Shugart (@treshugart), Atlassian superstar & SkateJS creator, round out the the guests for this episode discussing the reality & the possibilities of using Web Components on the server. Additionally, we look at other projects like the ‘Express Web Components' by Jordan Last that take a different approach to this by running Chromium on the server side. Resources SS rendering for Web Components - https://scotch.io/tutorials/server-side-web-components-how-and-why Server Components Info - https://pimterry.github.io/server-components/ Code - https://github.com/pimterry/server-components Scram.js - https://github.com/scramjs WebComponentsJS Polyfills - https://github.com/webcomponents/webcomponentsjs/tree/v0.7.22 Angular Universal - https://github.com/angular/universal Express Web Components - https://github.com/scramjs/express-web-components