Podcasts about systemjs

In our second installment on Microfrontend (MFE) Architecture with Angular Joel Denning, the founder and core contributor for Single SPA teaches Jennifer and Brian the approach to building MFEs with Single SPA. Joel gives us a brief introduction to Single SPA and how it came about, along with the challenges he was trying to solve at the time. We also learn from Joel a few strategies for sharing dependencies, such as module federation or SystemJS.The biggest takeaway from this episode is that MFE architecture requires independent deployments. That means you should be able to deploy a single SPA without having to deploy all applications in the MFE. Of course, there are other opportunities to tackle when building an MFE, including server rendering, sharing dependencies, and sharing components that we discuss.Part 2 of our series on MFEs is jam-packed with knowledge as well as tips and tricks for tackling the complexities of building at scale with microfrontends.https://twitter.com/Joelbdenning

- Surma’s photo challenge: https://www.instagram.com/p/CBTiwExnIe6/ - https://web.dev/live happened! - Jake's image compression talk → https://goo.gle/2NZ4erd - Jake & Jason write build plugins → https://goo.gle/2CajSNF - https://tooling.report goes live! - webpack's weird behaviour with entry points → https://goo.gle/3iEQfVl - Rollup's docs → https://rollupjs.org/ - Rollup's issues with hashing → https://goo.gle/3gC4rwS - Import maps → https://goo.gle/38CFfn8 - SystemJS import maps → https://goo.gle/31TAxA2 - Hash cascading → https://goo.gle/2VWXWwG 

Добрый день уважаемые слушатели. Представляем новый выпуск подкаста RWpod. В этом выпуске: Ruby Upgrading GitHub from Rails 3.2 to 5.2, Presentation of Sorbet: A Typechecker for Ruby, Kafka vs Mosquitto - which tool is better for communication between microservices? и Jon Rowe and Sam Phippen are RSpec's new leads #to_s or #to_str? Explicitly casting vs. implicitly coercing types in Ruby, Nine tips for Rails migration mastery и Browserino - a tool that parses a user agent string into a convenient object to work with JavaScript Trix 1.0.0 - a rich text editor for everyday writing, SystemJS 2.0.0 Release и Grid vs Flexbox: Which Should You Choose? TurtleDB - a framework for developers to build offline-first, collaborative web apps, Tabulator - interactive tables and data grids for JavaScript и Apify SDK - the scalable web crawling and scraping library for JavaScript

Tweet this Episode This is a talk given by Uri Shaked at the recent Angular Dev Summit. If you'd like to be notified about the next Angular Dev Summit, go to the Angular Dev Summit website and register for an attendee ticket. Uri is a Google Developer Expert in Web Technologies and Angular. He also works for BlackBerry. Uri shows us how to build a static website using Angular and other web technologies. Links: Github Pages Jekyll yarn Core JS Zone JS TypeScript Visual Studio Code Angular CLI SystemJS Webpack Fuse-box Angular Universal ts-node urish.org (Uri's website) firebase hosting ng2-fused preboot angular-iot  

Tweet this Episode This is a talk given by Uri Shaked at the recent Angular Dev Summit. If you'd like to be notified about the next Angular Dev Summit, go to the Angular Dev Summit website and register for an attendee ticket. Uri is a Google Developer Expert in Web Technologies and Angular. He also works for BlackBerry. Uri shows us how to build a static website using Angular and other web technologies. Links: Github Pages Jekyll yarn Core JS Zone JS TypeScript Visual Studio Code Angular CLI SystemJS Webpack Fuse-box Angular Universal ts-node urish.org (Uri's website) firebase hosting ng2-fused preboot angular-iot  

Tweet this Episode This is a talk given by Uri Shaked at the recent Angular Dev Summit. If you'd like to be notified about the next Angular Dev Summit, go to the Angular Dev Summit website and register for an attendee ticket. Uri is a Google Developer Expert in Web Technologies and Angular. He also works for BlackBerry. Uri shows us how to build a static website using Angular and other web technologies. Links: Github Pages Jekyll yarn Core JS Zone JS TypeScript Visual Studio Code Angular CLI SystemJS Webpack Fuse-box Angular Universal ts-node urish.org (Uri's website) firebase hosting ng2-fused preboot angular-iot  

AiA 143 Kendo UI with Burke Holland Charles Max Wood and Burke Holland discuss Kendo UI. Burke Holland is on the Developer Tools Division at Progress. The discussion ranges from the introduction of Kendo UI to tests used for Angular apps. Stay tuned to discover what Kendo UI can do for you! [00:01:50] Shutout for Angular Remote Conf Charles will be picking speakers really soon so get your ticket at the early bird price. [00:02:15] – Introduction to Burke Holland Burke Holland is working for Progress in the Developer Tools Division on the Developer Relations Team. They work on products like NativeScript, KendoUI and all the developer tools that Progress makes, which is mostly UI components and mobile frameworks Questions for Burke Holland [00:03:00] – What is Kendo UI? Kendo UI is a Javascript UI library. It has open source components (Kendo UI Core), but it’s primarily commercial. It’s more on heavy lifting text scenarios like grid that has sorting and filtering, drag and drop, grouping, scheduler, robust calendar interface, pivot grids, Gantt charts, data visualizations. We’ve rebuilt Kendo UI from the ground up using Angular components. It’s the Kendo UI Core Angular that was released last January. [00:08:00] – How are Kendo UI elements pulled for use into an app? There’s a private npm repo that you would just pull in and bundle some of the widgets together. Inputs can be a drop down list, a combo box, autocomplete, etc. Using npm and install -@progress/kendo-angular-input, you get all of those inside your npm modules folder. We and the team are pushing to move to the public npm repo so that people don’t have to register for an account. [00:13:00] What about mobile development? Does this work with NativeScript? Kendo UI widgets do not work inside of NativeScript for mobile apps. However, we are looking for a possibility of merging their NativeScript UI library with Kendo UI so that you can build a website, a progressive web app, a NativeScript app, etc. [00:16:00] Do you also have to pull in some CSS? Kendo UI has their own CSS that is based on Sass. It has a theme builder to customize themes that you can pre-select from. Integration for Bootstrap 4 was also built because Kendo UI does not have a layout system so it doesn’t provide you with any grid system for layouts or for responsive design. [00:19:00] Do you just import it into my app and then use the components, is it that simple? It is recommended to use Angular CLI to use Kendo UI’s components and import it into an app. First step is to create a new project with the Angular CLI because Kendo UI is designed to work with it. You can work with SystemJS, instead, but it requires some tweaking. Next, you would need to add the private npm repo which registers the end point on the terminal. And then, npm-install to install the components. After that, you can include them in your app module file. Import Kendo grid from @progress/kendo-angular-grid. Then, you can import them into your module so you use it in your templates. [00:23:00] – Can I tie a chart to a grid, update the chart and have the grid change? Everything that Angular updates, Kendo UI just updates too. If you buy two components to the same array and you update that array, both of those components are going to update because they’re using Angular’s binding. [00:24:00] – Does Kendo UI work with the older versions of Angular? Kendo UI works with Angular 1.x. By the way, AngularJS means Angular 1.x. Meanwhile, Angular means Angular 2 and up. Directives for Angular 1.x wrap Kendo UI components. [00:28:00] – When moving my component in AngularJS to Modern Angular, do I have to include both of those in the product? I can’t provide any guidance here, other than I wouldn’t do that. If you migrate, you’re going to be firing up a new project but you should be able to move your application logic over pretty well. However, we still have this idea of services and injection and those things are transferable. And then, when you use Kendo UI components, the only thing that’s really transferable there is the configuration settings. [00:29:00] – How do you write tests if you’re testing Angular app? Are there other things that you should be testing? That would mean there’s some sort of functional testing and unit testing. If we’re talking about unit testing, you should just test the way that you would normally test Angular. For functional test, you need a functional testing tool like Selenium or Test Studio. [00:30:00] – Is there anything else that people need to know about Kendo UI? We’ve got a lot of other components coming so stay tuned on that. We’re also working on some React stuff. We always love to get feedback. We have a github repo. Picks Burke Holland: Server list Azure Functions Challenge Medium article on Samsung’s weird emoji Twitter at @burkeholland Twitter of Tara Z. Manicsic Charles Max Wood: Serverless library in npm AWS Lambda Slack room for the podcast (adventuresinangular.com/slack) Angular Remote Conf Get A Coder Job Stack for Slack automation MemberPress on WordPress

AiA 143 Kendo UI with Burke Holland Charles Max Wood and Burke Holland discuss Kendo UI. Burke Holland is on the Developer Tools Division at Progress. The discussion ranges from the introduction of Kendo UI to tests used for Angular apps. Stay tuned to discover what Kendo UI can do for you! [00:01:50] Shutout for Angular Remote Conf Charles will be picking speakers really soon so get your ticket at the early bird price. [00:02:15] – Introduction to Burke Holland Burke Holland is working for Progress in the Developer Tools Division on the Developer Relations Team. They work on products like NativeScript, KendoUI and all the developer tools that Progress makes, which is mostly UI components and mobile frameworks Questions for Burke Holland [00:03:00] – What is Kendo UI? Kendo UI is a Javascript UI library. It has open source components (Kendo UI Core), but it’s primarily commercial. It’s more on heavy lifting text scenarios like grid that has sorting and filtering, drag and drop, grouping, scheduler, robust calendar interface, pivot grids, Gantt charts, data visualizations. We’ve rebuilt Kendo UI from the ground up using Angular components. It’s the Kendo UI Core Angular that was released last January. [00:08:00] – How are Kendo UI elements pulled for use into an app? There’s a private npm repo that you would just pull in and bundle some of the widgets together. Inputs can be a drop down list, a combo box, autocomplete, etc. Using npm and install -@progress/kendo-angular-input, you get all of those inside your npm modules folder. We and the team are pushing to move to the public npm repo so that people don’t have to register for an account. [00:13:00] What about mobile development? Does this work with NativeScript? Kendo UI widgets do not work inside of NativeScript for mobile apps. However, we are looking for a possibility of merging their NativeScript UI library with Kendo UI so that you can build a website, a progressive web app, a NativeScript app, etc. [00:16:00] Do you also have to pull in some CSS? Kendo UI has their own CSS that is based on Sass. It has a theme builder to customize themes that you can pre-select from. Integration for Bootstrap 4 was also built because Kendo UI does not have a layout system so it doesn’t provide you with any grid system for layouts or for responsive design. [00:19:00] Do you just import it into my app and then use the components, is it that simple? It is recommended to use Angular CLI to use Kendo UI’s components and import it into an app. First step is to create a new project with the Angular CLI because Kendo UI is designed to work with it. You can work with SystemJS, instead, but it requires some tweaking. Next, you would need to add the private npm repo which registers the end point on the terminal. And then, npm-install to install the components. After that, you can include them in your app module file. Import Kendo grid from @progress/kendo-angular-grid. Then, you can import them into your module so you use it in your templates. [00:23:00] – Can I tie a chart to a grid, update the chart and have the grid change? Everything that Angular updates, Kendo UI just updates too. If you buy two components to the same array and you update that array, both of those components are going to update because they’re using Angular’s binding. [00:24:00] – Does Kendo UI work with the older versions of Angular? Kendo UI works with Angular 1.x. By the way, AngularJS means Angular 1.x. Meanwhile, Angular means Angular 2 and up. Directives for Angular 1.x wrap Kendo UI components. [00:28:00] – When moving my component in AngularJS to Modern Angular, do I have to include both of those in the product? I can’t provide any guidance here, other than I wouldn’t do that. If you migrate, you’re going to be firing up a new project but you should be able to move your application logic over pretty well. However, we still have this idea of services and injection and those things are transferable. And then, when you use Kendo UI components, the only thing that’s really transferable there is the configuration settings. [00:29:00] – How do you write tests if you’re testing Angular app? Are there other things that you should be testing? That would mean there’s some sort of functional testing and unit testing. If we’re talking about unit testing, you should just test the way that you would normally test Angular. For functional test, you need a functional testing tool like Selenium or Test Studio. [00:30:00] – Is there anything else that people need to know about Kendo UI? We’ve got a lot of other components coming so stay tuned on that. We’re also working on some React stuff. We always love to get feedback. We have a github repo. Picks Burke Holland: Server list Azure Functions Challenge Medium article on Samsung’s weird emoji Twitter at @burkeholland Twitter of Tara Z. Manicsic Charles Max Wood: Serverless library in npm AWS Lambda Slack room for the podcast (adventuresinangular.com/slack) Angular Remote Conf Get A Coder Job Stack for Slack automation MemberPress on WordPress

AiA 143 Kendo UI with Burke Holland Charles Max Wood and Burke Holland discuss Kendo UI. Burke Holland is on the Developer Tools Division at Progress. The discussion ranges from the introduction of Kendo UI to tests used for Angular apps. Stay tuned to discover what Kendo UI can do for you! [00:01:50] Shutout for Angular Remote Conf Charles will be picking speakers really soon so get your ticket at the early bird price. [00:02:15] – Introduction to Burke Holland Burke Holland is working for Progress in the Developer Tools Division on the Developer Relations Team. They work on products like NativeScript, KendoUI and all the developer tools that Progress makes, which is mostly UI components and mobile frameworks Questions for Burke Holland [00:03:00] – What is Kendo UI? Kendo UI is a Javascript UI library. It has open source components (Kendo UI Core), but it’s primarily commercial. It’s more on heavy lifting text scenarios like grid that has sorting and filtering, drag and drop, grouping, scheduler, robust calendar interface, pivot grids, Gantt charts, data visualizations. We’ve rebuilt Kendo UI from the ground up using Angular components. It’s the Kendo UI Core Angular that was released last January. [00:08:00] – How are Kendo UI elements pulled for use into an app? There’s a private npm repo that you would just pull in and bundle some of the widgets together. Inputs can be a drop down list, a combo box, autocomplete, etc. Using npm and install -@progress/kendo-angular-input, you get all of those inside your npm modules folder. We and the team are pushing to move to the public npm repo so that people don’t have to register for an account. [00:13:00] What about mobile development? Does this work with NativeScript? Kendo UI widgets do not work inside of NativeScript for mobile apps. However, we are looking for a possibility of merging their NativeScript UI library with Kendo UI so that you can build a website, a progressive web app, a NativeScript app, etc. [00:16:00] Do you also have to pull in some CSS? Kendo UI has their own CSS that is based on Sass. It has a theme builder to customize themes that you can pre-select from. Integration for Bootstrap 4 was also built because Kendo UI does not have a layout system so it doesn’t provide you with any grid system for layouts or for responsive design. [00:19:00] Do you just import it into my app and then use the components, is it that simple? It is recommended to use Angular CLI to use Kendo UI’s components and import it into an app. First step is to create a new project with the Angular CLI because Kendo UI is designed to work with it. You can work with SystemJS, instead, but it requires some tweaking. Next, you would need to add the private npm repo which registers the end point on the terminal. And then, npm-install to install the components. After that, you can include them in your app module file. Import Kendo grid from @progress/kendo-angular-grid. Then, you can import them into your module so you use it in your templates. [00:23:00] – Can I tie a chart to a grid, update the chart and have the grid change? Everything that Angular updates, Kendo UI just updates too. If you buy two components to the same array and you update that array, both of those components are going to update because they’re using Angular’s binding. [00:24:00] – Does Kendo UI work with the older versions of Angular? Kendo UI works with Angular 1.x. By the way, AngularJS means Angular 1.x. Meanwhile, Angular means Angular 2 and up. Directives for Angular 1.x wrap Kendo UI components. [00:28:00] – When moving my component in AngularJS to Modern Angular, do I have to include both of those in the product? I can’t provide any guidance here, other than I wouldn’t do that. If you migrate, you’re going to be firing up a new project but you should be able to move your application logic over pretty well. However, we still have this idea of services and injection and those things are transferable. And then, when you use Kendo UI components, the only thing that’s really transferable there is the configuration settings. [00:29:00] – How do you write tests if you’re testing Angular app? Are there other things that you should be testing? That would mean there’s some sort of functional testing and unit testing. If we’re talking about unit testing, you should just test the way that you would normally test Angular. For functional test, you need a functional testing tool like Selenium or Test Studio. [00:30:00] – Is there anything else that people need to know about Kendo UI? We’ve got a lot of other components coming so stay tuned on that. We’re also working on some React stuff. We always love to get feedback. We have a github repo. Picks Burke Holland: Server list Azure Functions Challenge Medium article on Samsung’s weird emoji Twitter at @burkeholland Twitter of Tara Z. Manicsic Charles Max Wood: Serverless library in npm AWS Lambda Slack room for the podcast (adventuresinangular.com/slack) Angular Remote Conf Get A Coder Job Stack for Slack automation MemberPress on WordPress

01:59 - Dan Wahlin Introduction Twitter GitHub Blog 03:24 - Dan Wahlin: Typescript: Angular 2's Secret Weapon @ ng-conf 2016 04:44 - ng-conf Fair Day Workshops TypeScript 2 in 60ish Minutes Angular 2 in 60ish Minutes 05:45 - Pre-Conference Workshop 06:32 - AngularJS Fundamentals In 60-ish Minutes => Angular 2 13:49 - Responses to Angular 2 and TypeScript 18:22 - Learning TypeScript; ES5/ES6 25:25 - Interfaces 29:33 - Aha Moments Databinding Syntax The Module Concept 34:07 - Edgecases and Struggles Providers Grabbing Elements The Build Chain Pipes Observables Pluralsight: Modern, Modular JavaScript with SystemJS and jspm 51:41 - Flexibility of Providers   Picks John Papa: Angular 2 Workshop in Barcelona (John) Ghost (John) CloudFlare (John) Angular 2 Style Guide for TypeScript (Lukas) Deskbound: Standing Up to a Sitting World by Kelly Starrett (Lukas) iPhone (Ward) ng-conf 2016 Starcraft Tournament (Joe) Duet (Dan)

01:59 - Dan Wahlin Introduction Twitter GitHub Blog 03:24 - Dan Wahlin: Typescript: Angular 2's Secret Weapon @ ng-conf 2016 04:44 - ng-conf Fair Day Workshops TypeScript 2 in 60ish Minutes Angular 2 in 60ish Minutes 05:45 - Pre-Conference Workshop 06:32 - AngularJS Fundamentals In 60-ish Minutes => Angular 2 13:49 - Responses to Angular 2 and TypeScript 18:22 - Learning TypeScript; ES5/ES6 25:25 - Interfaces 29:33 - Aha Moments Databinding Syntax The Module Concept 34:07 - Edgecases and Struggles Providers Grabbing Elements The Build Chain Pipes Observables Pluralsight: Modern, Modular JavaScript with SystemJS and jspm 51:41 - Flexibility of Providers   Picks John Papa: Angular 2 Workshop in Barcelona (John) Ghost (John) CloudFlare (John) Angular 2 Style Guide for TypeScript (Lukas) Deskbound: Standing Up to a Sitting World by Kelly Starrett (Lukas) iPhone (Ward) ng-conf 2016 Starcraft Tournament (Joe) Duet (Dan)

01:59 - Dan Wahlin Introduction Twitter GitHub Blog 03:24 - Dan Wahlin: Typescript: Angular 2's Secret Weapon @ ng-conf 2016 04:44 - ng-conf Fair Day Workshops TypeScript 2 in 60ish Minutes Angular 2 in 60ish Minutes 05:45 - Pre-Conference Workshop 06:32 - AngularJS Fundamentals In 60-ish Minutes => Angular 2 13:49 - Responses to Angular 2 and TypeScript 18:22 - Learning TypeScript; ES5/ES6 25:25 - Interfaces 29:33 - Aha Moments Databinding Syntax The Module Concept 34:07 - Edgecases and Struggles Providers Grabbing Elements The Build Chain Pipes Observables Pluralsight: Modern, Modular JavaScript with SystemJS and jspm 51:41 - Flexibility of Providers   Picks John Papa: Angular 2 Workshop in Barcelona (John) Ghost (John) CloudFlare (John) Angular 2 Style Guide for TypeScript (Lukas) Deskbound: Standing Up to a Sitting World by Kelly Starrett (Lukas) iPhone (Ward) ng-conf 2016 Starcraft Tournament (Joe) Duet (Dan)

Check out Newbie Remote Conf!   02:17 - Olivier Combe Twitter GitHub Holimetrix 03:21 - Why People Want Libraries in Angular 2 04:13 - Types of Libraries People Might Write 05:21 - ng2-translate 08:02 - TypeScript Problems vs Package Manager Problems 10:22 - Collaboration 13:17 - Advice For Writing Libraries ng-conf-library 19:47 - Design Considerations 25:09 - ng2-translate (Cont’d) 27:53 - Advice for People Doing Public vs Public Libraries 28:45 - Simplicity 30:11 - ng-conf 32:13 - Working with Systems (i.e. webpack) CommonJS Systemjs 36:53 - Upkeep   Picks Khan Academy (Jules) Redbreast Irish Whiskey (Ward) Ghost (John) CloudFlare (John) Concept 2 PM5 (Performance Monitor 5) (Lukas) ng-conf (Lukas) Trello (Chuck) Gravity Forms (Chuck) Zapier (Chuck) angular2-library-seed (Olivier)

Check out Newbie Remote Conf!   02:17 - Olivier Combe Twitter GitHub Holimetrix 03:21 - Why People Want Libraries in Angular 2 04:13 - Types of Libraries People Might Write 05:21 - ng2-translate 08:02 - TypeScript Problems vs Package Manager Problems 10:22 - Collaboration 13:17 - Advice For Writing Libraries ng-conf-library 19:47 - Design Considerations 25:09 - ng2-translate (Cont’d) 27:53 - Advice for People Doing Public vs Public Libraries 28:45 - Simplicity 30:11 - ng-conf 32:13 - Working with Systems (i.e. webpack) CommonJS Systemjs 36:53 - Upkeep   Picks Khan Academy (Jules) Redbreast Irish Whiskey (Ward) Ghost (John) CloudFlare (John) Concept 2 PM5 (Performance Monitor 5) (Lukas) ng-conf (Lukas) Trello (Chuck) Gravity Forms (Chuck) Zapier (Chuck) angular2-library-seed (Olivier)

Check out Newbie Remote Conf!   02:17 - Olivier Combe Twitter GitHub Holimetrix 03:21 - Why People Want Libraries in Angular 2 04:13 - Types of Libraries People Might Write 05:21 - ng2-translate 08:02 - TypeScript Problems vs Package Manager Problems 10:22 - Collaboration 13:17 - Advice For Writing Libraries ng-conf-library 19:47 - Design Considerations 25:09 - ng2-translate (Cont’d) 27:53 - Advice for People Doing Public vs Public Libraries 28:45 - Simplicity 30:11 - ng-conf 32:13 - Working with Systems (i.e. webpack) CommonJS Systemjs 36:53 - Upkeep   Picks Khan Academy (Jules) Redbreast Irish Whiskey (Ward) Ghost (John) CloudFlare (John) Concept 2 PM5 (Performance Monitor 5) (Lukas) ng-conf (Lukas) Trello (Chuck) Gravity Forms (Chuck) Zapier (Chuck) angular2-library-seed (Olivier)

01:53 - Sean T. Larkin Introduction Twitter GitHub Stack Overflow Mutual of Omaha 02:17 - Configuration 02:56 - webpack 06:17 - Grunt and gulp vs webpack 08:02 - Plugins and Loaders ng-annotate ng-annotate-loader 09:49 - Downsides 10:46 - Writing Less Code? 12:50 - Configuration (Cont’d) NgWebpackStarter 14:23 - Metrics and Speed Sightspeed.io 18:12 - Migration Risk 20:29 - The Learning Curve 22:04 - webpack with Angular 2 24:21 - webpack and Angular 1 26:05 - Getting Started with webpack angular-starter-es6-webpack 27:34 - Why use webpack with your Angular 2 build? Systemjs 36:32 - webpack Integration

01:53 - Sean T. Larkin Introduction Twitter GitHub Stack Overflow Mutual of Omaha 02:17 - Configuration 02:56 - webpack 06:17 - Grunt and gulp vs webpack 08:02 - Plugins and Loaders ng-annotate ng-annotate-loader 09:49 - Downsides 10:46 - Writing Less Code? 12:50 - Configuration (Cont’d) NgWebpackStarter 14:23 - Metrics and Speed Sightspeed.io 18:12 - Migration Risk 20:29 - The Learning Curve 22:04 - webpack with Angular 2 24:21 - webpack and Angular 1 26:05 - Getting Started with webpack angular-starter-es6-webpack 27:34 - Why use webpack with your Angular 2 build? Systemjs 36:32 - webpack Integration

01:53 - Sean T. Larkin Introduction Twitter GitHub Stack Overflow Mutual of Omaha 02:17 - Configuration 02:56 - webpack 06:17 - Grunt and gulp vs webpack 08:02 - Plugins and Loaders ng-annotate ng-annotate-loader 09:49 - Downsides 10:46 - Writing Less Code? 12:50 - Configuration (Cont’d) NgWebpackStarter 14:23 - Metrics and Speed Sightspeed.io 18:12 - Migration Risk 20:29 - The Learning Curve 22:04 - webpack with Angular 2 24:21 - webpack and Angular 1 26:05 - Getting Started with webpack angular-starter-es6-webpack 27:34 - Why use webpack with your Angular 2 build? Systemjs 36:32 - webpack Integration

A chat with Amal Hussein (@nomadtechie) andLeon Revill (@RevillWeb) on JSPM & System.js. Amal has been using these technologies in her workplace for a long time. Now she shares her insights, experience, and knowledge with us. Leon has used JSPM for his vanilla Web Components he has built and he discusses to his experiences with JSPM & System.js. Show Links JSPM - http://jspm.io/ Angular 2 - http://angular.io Why is SystemJS necessary? - https://www.reddit.com/r/javascript/comments/3tcgak/why_is_systemjs_necessary/ A SystemJS Oddyssey - https://www.codeschool.com/blog/2015/12/11/es2015-a-systemjs-odyssey/ Using browserify/webpack? Why not try jspm and SystemJS - http://nervosax.com/2015/08/05/why-not-try-jspm-and-systemjs/ Loader - https://whatwg.github.io/loader/ SystemJS - https://github.com/systemjs/systemjs Angular Air with Guy Bedford - https://www.youtube.com/watch?v=zrLeLxcU64M The Beta Guide to JSPM - http://jspm.io/0.17-beta-guide/index.html

the panelists discuss the ES6 module loader polyfill, SystemJS, and jspm with Guy Bedford.

the panelists discuss the ES6 module loader polyfill, SystemJS, and jspm with Guy Bedford.

Guy Bedford explains jspm and SystemJS which he created to simplify JS loading and package management. Load CommonJS, AMD, and ES6 modules in a simple and unified manner based on the ES6 Module Loader polyfill.

the panelists discuss the ES6 module loader polyfill, SystemJS, and jspm with Guy Bedford.