POPULARITY
Have you ever thought about mixing two SPA frameworks together? In today's episode we discuss doing just that, Blazor and Angular running in the same application. Both Angular and Blazor have ways to export code as web components that can be reused in other applications. In order to use Angular in Blazor you have to get familiar with IJSRuntime and how JavaScript interoperability works in Blazor. We look at how Blazor can provide input and get output from Angular as well as discuss how you can handle CSS between the two. We also go over some of the use cases for using Angular web components inside a Blazor application. Have you worked with Angular Elements or Blazor web components? Let us know on Twitter at @dotnet_Podcast (https://twitter.com/dotNET_Podcast). Sponsors Top End Devs (https://topenddevs.com/) Raygun | Click here to get started on your free 14-day trial (https://raygun.com/platform/apm?utm_medium=podcast&utm_source=adventuresdotnet&utm_campaign=devchat&utm_content=apm) Coaching | Top End Devs (https://topenddevs.com/coaching) Links GitHub - danroth27/Blangular: Blazor + Angular (https://github.com/danroth27/Blangular) Re-Using Angular Components In A Blazor WebAssembly Application Using Angular Elements - Web Components Custom Elements, FTW! (https://www.thinktecture.com/en/blazor/integration-angular-elements-web-components/) Picks Caleb- French Onion Dip (https://heluvagood.com/products/french-onion-dip/) Shawn- Microsoft to acquire Activision Blizzard to bring the joy and community of gaming to everyone, across every device (https://news.microsoft.com/2022/01/18/microsoft-to-acquire-activision-blizzard-to-bring-the-joy-and-community-of-gaming-to-everyone-across-every-device/) Wai- All-new Fire TV Stick 4K Max | Wi-Fi 6 Compatible (https://www.amazon.com.au/dp/B08MR37WXM/ref=cm_sw_r_awdo_navT_g_dl_XGJQFNRME3JX9CBR1NV2)
Hi everyone, this is Dariusz Kalbarczyk co-founder of NG-Poland.pl & JS-Poland.pl. Welcome back to Agular Master Podcast. Together with Manfred Steyer - Speaker, Trainer, Author from angulararchitects.io. We discuss everything related to our favorite framework. Today we have some special guests from Angular Team: Minko Gechev. We talk about, among others: 1. The Angular team is currently working on ideas for making Angular-Modules optional. However, originally, they were not even planned for Angular. Why did the Angular Team implement them even though? 2. What are the challenges of making Angular-Modules optional? 3. Who could benefit the most from optional Angular-Modules and who should stick with Angular-Modules? 4. Can you tell us a bit about how the Angular-Teams plan to implement optional Angular-Modules and how this would look like for people developing with Angular? 5. I've seen you are currently collecting case studies for Micro Frontends. What are your current learnings you've gained from them? 6. Are there ideas to directly support Micro Frontends by Angular and/or the CLI? How could this look alike? 7. Some people in the community are really looking forward to going fully zone-less. It's also on the roadmap. How could this work technically? How could Angular find out that it's time to do change detection? 8. If we go zoneless, what would this change for Angular devs? 9. Some years ago, the Angular team experimented with partial hydration. The idea was to just download an index.html upfront. Then, the rest could be downloaded as needed. Where did these experiments lead to and what plans do you have for this topic? 10. With Angular 6 we already got Angular Elements for wrapping Angular Components into Web Components. Frankly, since then, it didn't evolve that much. What's the future of it? 11. What can we expect from Angular 13? 12. What do you expect from the future of Angular after version 13? https://ng-poland.pl https://js-poland.pl https://angularmaster.dev https://www.angulararchitects.io https://workshopfest.dev --- Send in a voice message: https://podcasters.spotify.com/pod/show/angular-master/message
In this episode of Adventures in Angular, Brad McAlister joins our regular panelists: Alyssa, Chris and Brooks! Brad walks us through his work of transitioning into an Annex Monorepo and how working with Angular Elements in conjunction has been going. Brad also breaks down what StoryBook is and how it has helped him in his work flows. Sponsors Audible.com CacheFly Panel Alyssa Nicoll Brooks Forsyth Chris Ford Guest Brad McAlister Links What is this? Angular in my React? at NG-DE Conference https://github.com/sonicparke Picks Alyssa Nicoll: Watch Harry Potter movies when its Fall Goldberg Zweigelt from Austria 2014 Brooks Forsyth: Merkur 34C Heavy Duty Safety Razor The Addams Family Chris Ford: http://brewdog.com/ http://nakedwines.com/ Brad McAlister: Craft Beer Doing Things That You Should Have Done 20 Years Ago Follow us on Twitter: @angularpodcast
In this episode of Adventures in Angular, Brad McAlister joins our regular panelists: Alyssa, Chris and Brooks! Brad walks us through his work of transitioning into an Annex Monorepo and how working with Angular Elements in conjunction has been going. Brad also breaks down what StoryBook is and how it has helped him in his work flows. Sponsors Audible.com CacheFly Panel Alyssa Nicoll Brooks Forsyth Chris Ford Guest Brad McAlister Links What is this? Angular in my React? at NG-DE Conference https://github.com/sonicparke Picks Alyssa Nicoll: Watch Harry Potter movies when its Fall Goldberg Zweigelt from Austria 2014 Brooks Forsyth: Merkur 34C Heavy Duty Safety Razor The Addams Family Chris Ford: http://brewdog.com/ http://nakedwines.com/ Brad McAlister: Craft Beer Doing Things That You Should Have Done 20 Years Ago Follow us on Twitter: @angularpodcast
In this episode of Adventures in Angular, Brad McAlister joins our regular panelists: Alyssa, Chris and Brooks! Brad walks us through his work of transitioning into an Annex Monorepo and how working with Angular Elements in conjunction has been going. Brad also breaks down what StoryBook is and how it has helped him in his work flows. Sponsors Audible.com CacheFly Panel Alyssa Nicoll Brooks Forsyth Chris Ford Guest Brad McAlister Links What is this? Angular in my React? at NG-DE Conference https://github.com/sonicparke Picks Alyssa Nicoll: Watch Harry Potter movies when its Fall Goldberg Zweigelt from Austria 2014 Brooks Forsyth: Merkur 34C Heavy Duty Safety Razor The Addams Family Chris Ford: http://brewdog.com/ http://nakedwines.com/ Brad McAlister: Craft Beer Doing Things That You Should Have Done 20 Years Ago Follow us on Twitter: @angularpodcast
Aaron Frost and the panel discuss ngx-element and web components in Angular.Show Notes:► https://github.com/brunob15/ngx-element► https://github.com/juristr/ngx-lazy-el► https://github.com/brunob15/ngx-element/blob/master/projects/ngx-element/src/lib/ngx-element.module.ts► https://blog.nrwl.io/5-reasons-to-use-angular-elements-390c9a629f89► https://youtu.be/kKW0aAOVHAo?t=1472
An airhacks.fm conversation with Robert Brem (@bremrobert) about: JavaScript was worse than GWT, Swing over SWT, ES 6 / ECMAScript 2015 changed everything, ES 6 looks like Java, MDN is like JCP for specs, ES 6 does not come with usable templates, lit-html and hyperHTML close the gap, WebComponents over ReactJS, AngularJS (Angular v1) was nice, Angular applications were hard to modularize, why the Angular airhacks.com Workshops at Munich Airport were "interesting", core.js developer searches for a job, nobody cares about dependencies in the frontend, Google Cemetery, Angular comes with two releases a year and follows semantic versioning, core.js is a "Modular standard library for JavaScript", rollup.js is a ES 6 module bundler, what happens if something breaks, why it can take two days to invoke a Java method, one super Web Component is reasonable, mapping redux to BCE structure, preventing frontend dependencies with CI/CD audits, structuring code after domain responsibilities, it is impossible to create a template with business structure, Semantic UI for styling components, Custom Events are used for communication, using CSS variables to style ShadowDOM, loading CSS per BCE package, Angular Elements, replacing Custom Elements with home grown code, Robert Brem on twitter: @bremrobert
Brad McAlister and Ryan Chenkie join us to dive into Angular Elements and provide examples of how they allow us to use our Angular code outside of Angular apps...even in React apps! --- Video of episode: https://youtu.be/cdrMozMs0PY --- Support this podcast: https://anchor.fm/angularair/support
Episode Summary In this episode of Adventures in Angular Tomas Trajan, an angular elements expert, breaks down how to use angular elements for the panel. Tomas explains that angular elements are great for very specific use cases. Tomas starts by describing a scenario with a large enterprise with tens of developer teams and hundreds of developers, they have a few choices on how to organize their applications. The first option is a messy monolith. The second option is using monorepos and Nx. The final option is to use a multi-spa solution. Tomas explains how the multi-spa solution works. This solution consists of 80 stand-alone applications, on the same page and share components. Tomas outlines the common problems when using the solutions and how using angular elements combat those problems. The panel moves on to considers how you know if you should use angular elements in this way. Tomas provides two questions to ask yourself when deciding whether or not to use angular elements. The first question is, are you in a multi-spa scenario? The second question is, are components shared across applications? If the answer is yes for both of those questions then angular elements can only help the situation. In last week’s episode of Adventures in Angular the panel interviewed Victor Savkin about using monorepos and Nx. The panel asks Tomas to compare the strategy of using monorepos and Nx to his strategy of using multi-spa with angular elements. He explains why an enterprise might choose multi-spa over monorepos. He also gives the reasons the organization he is working with chose to work with multi-spa. Aaron asks for clarification for using elements in these multi-spa projects. Tomas goes into great detail, breaking down the way multi-spa and angular elements work together. They walk through it together using consumer profiles as an example. Tomas explains that using his approach all the applications update components all at once using angular elements. The panel considers the benefits of using Tomas’s approach and which scenarios it would work best for. Aaron expresses his appreciation for all the work Tomas did and the problems he overcame then bundling his solution in a library together so developers can just use it without all the pain. The library can be found on Github. Tomas tells the panel that there has already been some community contribution to the library. He describes some of the pull requests they have received along with the plans they have for angular elements. The topic turns to mismatched versioning and how the bundle will work. Tomas explains that the only problem they have seen with mismatched versioning is with zone.js. He shares some workarounds to the problem and promises that they are working on a solution. The episode ends with the panel listing all the major benefits that an enterprise can gain from using the multi-spa and angular elements approach. It will save them money, allow teams to work together, create and isolation. Tomas also shares some of the new features available in angular elements today. Panelists Aaron Frost Brian Love Guest Tomas Trajan Adventures in Angular is produced by DevChat.TV in partnership with Hero Devs Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Angular Bootcamp Cachefly Links AiA 256: Debunking Monorepo Myths with Victor Savkin https://angular-extensions.github.io/elements/ https://twitter.com/tomastrajan https://www.facebook.com/adventuresinangular https://twitter.com/angularpodcast Picks Brain Love: https://node-atl.org/ Shai Reznik: https://netbasal.com/ Aaron Frost: How to Be Less Stupid About Race: On Racism, White Supremacy, and the Racial Divide Tomas Trajan: Slipknot EX
Episode Summary In this episode of Adventures in Angular Tomas Trajan, an angular elements expert, breaks down how to use angular elements for the panel. Tomas explains that angular elements are great for very specific use cases. Tomas starts by describing a scenario with a large enterprise with tens of developer teams and hundreds of developers, they have a few choices on how to organize their applications. The first option is a messy monolith. The second option is using monorepos and Nx. The final option is to use a multi-spa solution. Tomas explains how the multi-spa solution works. This solution consists of 80 stand-alone applications, on the same page and share components. Tomas outlines the common problems when using the solutions and how using angular elements combat those problems. The panel moves on to considers how you know if you should use angular elements in this way. Tomas provides two questions to ask yourself when deciding whether or not to use angular elements. The first question is, are you in a multi-spa scenario? The second question is, are components shared across applications? If the answer is yes for both of those questions then angular elements can only help the situation. In last week’s episode of Adventures in Angular the panel interviewed Victor Savkin about using monorepos and Nx. The panel asks Tomas to compare the strategy of using monorepos and Nx to his strategy of using multi-spa with angular elements. He explains why an enterprise might choose multi-spa over monorepos. He also gives the reasons the organization he is working with chose to work with multi-spa. Aaron asks for clarification for using elements in these multi-spa projects. Tomas goes into great detail, breaking down the way multi-spa and angular elements work together. They walk through it together using consumer profiles as an example. Tomas explains that using his approach all the applications update components all at once using angular elements. The panel considers the benefits of using Tomas’s approach and which scenarios it would work best for. Aaron expresses his appreciation for all the work Tomas did and the problems he overcame then bundling his solution in a library together so developers can just use it without all the pain. The library can be found on Github. Tomas tells the panel that there has already been some community contribution to the library. He describes some of the pull requests they have received along with the plans they have for angular elements. The topic turns to mismatched versioning and how the bundle will work. Tomas explains that the only problem they have seen with mismatched versioning is with zone.js. He shares some workarounds to the problem and promises that they are working on a solution. The episode ends with the panel listing all the major benefits that an enterprise can gain from using the multi-spa and angular elements approach. It will save them money, allow teams to work together, create and isolation. Tomas also shares some of the new features available in angular elements today. Panelists Aaron Frost Brian Love Guest Tomas Trajan Adventures in Angular is produced by DevChat.TV in partnership with Hero Devs Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Angular Bootcamp Cachefly Links AiA 256: Debunking Monorepo Myths with Victor Savkin https://angular-extensions.github.io/elements/ https://twitter.com/tomastrajan https://www.facebook.com/adventuresinangular https://twitter.com/angularpodcast Picks Brain Love: https://node-atl.org/ Shai Reznik: https://netbasal.com/ Aaron Frost: How to Be Less Stupid About Race: On Racism, White Supremacy, and the Racial Divide Tomas Trajan: Slipknot EX
Episode Summary In this episode of Adventures in Angular Tomas Trajan, an angular elements expert, breaks down how to use angular elements for the panel. Tomas explains that angular elements are great for very specific use cases. Tomas starts by describing a scenario with a large enterprise with tens of developer teams and hundreds of developers, they have a few choices on how to organize their applications. The first option is a messy monolith. The second option is using monorepos and Nx. The final option is to use a multi-spa solution. Tomas explains how the multi-spa solution works. This solution consists of 80 stand-alone applications, on the same page and share components. Tomas outlines the common problems when using the solutions and how using angular elements combat those problems. The panel moves on to considers how you know if you should use angular elements in this way. Tomas provides two questions to ask yourself when deciding whether or not to use angular elements. The first question is, are you in a multi-spa scenario? The second question is, are components shared across applications? If the answer is yes for both of those questions then angular elements can only help the situation. In last week’s episode of Adventures in Angular the panel interviewed Victor Savkin about using monorepos and Nx. The panel asks Tomas to compare the strategy of using monorepos and Nx to his strategy of using multi-spa with angular elements. He explains why an enterprise might choose multi-spa over monorepos. He also gives the reasons the organization he is working with chose to work with multi-spa. Aaron asks for clarification for using elements in these multi-spa projects. Tomas goes into great detail, breaking down the way multi-spa and angular elements work together. They walk through it together using consumer profiles as an example. Tomas explains that using his approach all the applications update components all at once using angular elements. The panel considers the benefits of using Tomas’s approach and which scenarios it would work best for. Aaron expresses his appreciation for all the work Tomas did and the problems he overcame then bundling his solution in a library together so developers can just use it without all the pain. The library can be found on Github. Tomas tells the panel that there has already been some community contribution to the library. He describes some of the pull requests they have received along with the plans they have for angular elements. The topic turns to mismatched versioning and how the bundle will work. Tomas explains that the only problem they have seen with mismatched versioning is with zone.js. He shares some workarounds to the problem and promises that they are working on a solution. The episode ends with the panel listing all the major benefits that an enterprise can gain from using the multi-spa and angular elements approach. It will save them money, allow teams to work together, create and isolation. Tomas also shares some of the new features available in angular elements today. Panelists Aaron Frost Brian Love Guest Tomas Trajan Adventures in Angular is produced by DevChat.TV in partnership with Hero Devs Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Angular Bootcamp Cachefly Links AiA 256: Debunking Monorepo Myths with Victor Savkin https://angular-extensions.github.io/elements/ https://twitter.com/tomastrajan https://www.facebook.com/adventuresinangular https://twitter.com/angularpodcast Picks Brain Love: https://node-atl.org/ Shai Reznik: https://netbasal.com/ Aaron Frost: How to Be Less Stupid About Race: On Racism, White Supremacy, and the Racial Divide Tomas Trajan: Slipknot EX
Sponsors Sentry– use the code “devchat” for two months free on Sentry’s small plan The Freelancer's Show Podcast My JavaScript Story Podcast CacheFly Host: Aaron Frost Joined By Special Guest: Tomas Trajan Episode Summary Tomas Trajan joins Aaron Frost to talk about his journey as a developer consultant. Tomas is a Software Consultant and a Google Developer Expert for Angular based out of Zürich, Switzerland. Tomas and Aaron mention that they are both drop-outs from college and share different sources of self-learning. They both agree they did not learn programming in school. Tomas shares some of the more interesting jobs he did such as selling websites door to door to local businesses. Aaron shares similar stories from his own friends circle. Tomas tells some of the more funny and stressful experiences he had while selling websites. Tomas took a year off traveling with his girlfriend where they traveled without much planning visiting many countries in South East Asia. He talks about some of the funnier instances they had during these travels. Aaron then asks Tomas about some of the challenges he faced when he was learning Angular especially when he was learning Observables. Links AiA 233: Getting Serious with Schematics with Tomas Trajan Tomas LinkedIn Tomas Twitter Angular Zürich https://github.com/tomastrajan/angular-ngrx-material-starter Picks Aaron Frost: People who help their customers get off Internet Explorer Custom Slugbug Car Game - The Game Tomas Trajan: NgRx 8 Angular Elements
Sponsors Sentry– use the code “devchat” for two months free on Sentry’s small plan The Freelancer's Show Podcast My JavaScript Story Podcast CacheFly Host: Aaron Frost Joined By Special Guest: Tomas Trajan Episode Summary Tomas Trajan joins Aaron Frost to talk about his journey as a developer consultant. Tomas is a Software Consultant and a Google Developer Expert for Angular based out of Zürich, Switzerland. Tomas and Aaron mention that they are both drop-outs from college and share different sources of self-learning. They both agree they did not learn programming in school. Tomas shares some of the more interesting jobs he did such as selling websites door to door to local businesses. Aaron shares similar stories from his own friends circle. Tomas tells some of the more funny and stressful experiences he had while selling websites. Tomas took a year off traveling with his girlfriend where they traveled without much planning visiting many countries in South East Asia. He talks about some of the funnier instances they had during these travels. Aaron then asks Tomas about some of the challenges he faced when he was learning Angular especially when he was learning Observables. Links AiA 233: Getting Serious with Schematics with Tomas Trajan Tomas LinkedIn Tomas Twitter Angular Zürich https://github.com/tomastrajan/angular-ngrx-material-starter Picks Aaron Frost: People who help their customers get off Internet Explorer Custom Slugbug Car Game - The Game Tomas Trajan: NgRx 8 Angular Elements
Sponsors Sentry– use the code “devchat” for two months free on Sentry’s small plan The Freelancer's Show Podcast My JavaScript Story Podcast CacheFly Host: Aaron Frost Joined By Special Guest: Tomas Trajan Episode Summary Tomas Trajan joins Aaron Frost to talk about his journey as a developer consultant. Tomas is a Software Consultant and a Google Developer Expert for Angular based out of Zürich, Switzerland. Tomas and Aaron mention that they are both drop-outs from college and share different sources of self-learning. They both agree they did not learn programming in school. Tomas shares some of the more interesting jobs he did such as selling websites door to door to local businesses. Aaron shares similar stories from his own friends circle. Tomas tells some of the more funny and stressful experiences he had while selling websites. Tomas took a year off traveling with his girlfriend where they traveled without much planning visiting many countries in South East Asia. He talks about some of the funnier instances they had during these travels. Aaron then asks Tomas about some of the challenges he faced when he was learning Angular especially when he was learning Observables. Links AiA 233: Getting Serious with Schematics with Tomas Trajan Tomas LinkedIn Tomas Twitter Angular Zürich https://github.com/tomastrajan/angular-ngrx-material-starter Picks Aaron Frost: People who help their customers get off Internet Explorer Custom Slugbug Car Game - The Game Tomas Trajan: NgRx 8 Angular Elements
Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Angular Bootcamp Triplebyte offers a $1000 signing bonus CacheFly Panel Aaron Frost Joe Eames Brian Love Joined by Special Guest: Juri Strumpflohner Episode Summary A fun conversation about how to lazy load Angular modules with Juri Strumpflohner, a software developer with more 10 years of experience in technologies like Java, .Net and Node.js. Juri is also a Google Developer Expert in Web Tech and an Egghead.io Instructor. With lazy loading, it is possible to defer loading unused portions and load them on demand. The panel discusses what can be lazy loaded in an Angular application and how Aaron's for lazy loading in Angular helps with the process. Links My Angular Story 045: Juri Strumpflohner Adventures in Angular 193: Angular Libraries with Juri Strumpflohner Juri's Twitter Juri's Website Juri’s GitHub Juri’s Egghead Courses for lazy loading in Angular for lazy loading in Angular https://thinkster.io/ Follow Adventures in Angular on tv, Facebook and Twitter. Picks Aaron Frost: John Wick: Chapter 3 - Parabellum (2019) – IMDb Long Shot (2019) - IMDb Brian Love: Ninebot KickScooter by Segway Ninebot KickScooter by Segway ES1 Joe Eames Joe Eames: Star Wars: A New Hope Symphony Orchestra Anki Vector | The Home Robot With Interactive AI Technology | Juri Strumpflohner: ng-conf talks Lazy load Angular Components
Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Angular Bootcamp Triplebyte offers a $1000 signing bonus CacheFly Panel Aaron Frost Joe Eames Brian Love Joined by Special Guest: Juri Strumpflohner Episode Summary A fun conversation about how to lazy load Angular modules with Juri Strumpflohner, a software developer with more 10 years of experience in technologies like Java, .Net and Node.js. Juri is also a Google Developer Expert in Web Tech and an Egghead.io Instructor. With lazy loading, it is possible to defer loading unused portions and load them on demand. The panel discusses what can be lazy loaded in an Angular application and how Aaron's for lazy loading in Angular helps with the process. Links My Angular Story 045: Juri Strumpflohner Adventures in Angular 193: Angular Libraries with Juri Strumpflohner Juri's Twitter Juri's Website Juri’s GitHub Juri’s Egghead Courses for lazy loading in Angular for lazy loading in Angular https://thinkster.io/ Follow Adventures in Angular on tv, Facebook and Twitter. Picks Aaron Frost: John Wick: Chapter 3 - Parabellum (2019) – IMDb Long Shot (2019) - IMDb Brian Love: Ninebot KickScooter by Segway Ninebot KickScooter by Segway ES1 Joe Eames Joe Eames: Star Wars: A New Hope Symphony Orchestra Anki Vector | The Home Robot With Interactive AI Technology | Juri Strumpflohner: ng-conf talks Lazy load Angular Components
Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Angular Bootcamp Triplebyte offers a $1000 signing bonus CacheFly Panel Aaron Frost Joe Eames Brian Love Joined by Special Guest: Juri Strumpflohner Episode Summary A fun conversation about how to lazy load Angular modules with Juri Strumpflohner, a software developer with more 10 years of experience in technologies like Java, .Net and Node.js. Juri is also a Google Developer Expert in Web Tech and an Egghead.io Instructor. With lazy loading, it is possible to defer loading unused portions and load them on demand. The panel discusses what can be lazy loaded in an Angular application and how Aaron's for lazy loading in Angular helps with the process. Links My Angular Story 045: Juri Strumpflohner Adventures in Angular 193: Angular Libraries with Juri Strumpflohner Juri's Twitter Juri's Website Juri’s GitHub Juri’s Egghead Courses for lazy loading in Angular for lazy loading in Angular https://thinkster.io/ Follow Adventures in Angular on tv, Facebook and Twitter. Picks Aaron Frost: John Wick: Chapter 3 - Parabellum (2019) – IMDb Long Shot (2019) - IMDb Brian Love: Ninebot KickScooter by Segway Ninebot KickScooter by Segway ES1 Joe Eames Joe Eames: Star Wars: A New Hope Symphony Orchestra Anki Vector | The Home Robot With Interactive AI Technology | Juri Strumpflohner: ng-conf talks Lazy load Angular Components
Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Angular Bootcamp TripleByte offers a $1000 signing bonus Cachefly Panel Aaron Frost Special Guests: Dave Müllerchen and Mike Brocchi Episode Summary Dave Mullerchen is a freelancer from Germany and does a lot of Angular workshops. Mike Brocchi works for Ultimate Software and works with Stencil to provide framework agnostic web components as a design language system. Today the panel is discussing the Angular CLI. Mike talks about exactly what Stencil.js is, a set of tools to spit out raw web components made by the Ionic folks. They discuss how Angular Elements stacks up to Stencil. Dave talks about the most important things the community needs to know about the Angular CLI, most importantly it can save you a lot of money. They each talk about their history with the CLI, and how they found that it increased speed and decreased bundle size. The panel finds Angular is less teachable than other languages, but the CLI is the key to making Angular teachable They go into detail about how the CLI can save money. They talk about some of the schematics available in the CLI and their usefulness, and which are their favorites. They end by mentioning that the schematics work off the file system, so it’s not angular specific, and that the CLI makes discoverable schematics and can run analytics. Links Angular Angular CLI Stencil.js Ionic Gulp Gump Yeoman Broccoli Bundle Basil Jest NDM- Network Data Mover NGX Build Plus Perfume Narwhal Picks Aaron Frost: RXJS Live “Like It Ain’t Nothin” by Fergie Shai Reznik: HBO’s Crashing Dave Müllerchen: NG-DE Conference 2019 JavaScript fuer Kinder YouTube Channel Mike Brocchi: "ng doc ______" to search angular.io docs via the command line Live Share from the Visual Studio team, now out of preview
Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Angular Bootcamp TripleByte offers a $1000 signing bonus Cachefly Panel Aaron Frost Special Guests: Dave Müllerchen and Mike Brocchi Episode Summary Dave Mullerchen is a freelancer from Germany and does a lot of Angular workshops. Mike Brocchi works for Ultimate Software and works with Stencil to provide framework agnostic web components as a design language system. Today the panel is discussing the Angular CLI. Mike talks about exactly what Stencil.js is, a set of tools to spit out raw web components made by the Ionic folks. They discuss how Angular Elements stacks up to Stencil. Dave talks about the most important things the community needs to know about the Angular CLI, most importantly it can save you a lot of money. They each talk about their history with the CLI, and how they found that it increased speed and decreased bundle size. The panel finds Angular is less teachable than other languages, but the CLI is the key to making Angular teachable They go into detail about how the CLI can save money. They talk about some of the schematics available in the CLI and their usefulness, and which are their favorites. They end by mentioning that the schematics work off the file system, so it’s not angular specific, and that the CLI makes discoverable schematics and can run analytics. Links Angular Angular CLI Stencil.js Ionic Gulp Gump Yeoman Broccoli Bundle Basil Jest NDM- Network Data Mover NGX Build Plus Perfume Narwhal Picks Aaron Frost: RXJS Live “Like It Ain’t Nothin” by Fergie Shai Reznik: HBO’s Crashing Dave Müllerchen: NG-DE Conference 2019 JavaScript fuer Kinder YouTube Channel Mike Brocchi: "ng doc ______" to search angular.io docs via the command line Live Share from the Visual Studio team, now out of preview
Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Angular Bootcamp TripleByte offers a $1000 signing bonus Cachefly Panel Aaron Frost Special Guests: Dave Müllerchen and Mike Brocchi Episode Summary Dave Mullerchen is a freelancer from Germany and does a lot of Angular workshops. Mike Brocchi works for Ultimate Software and works with Stencil to provide framework agnostic web components as a design language system. Today the panel is discussing the Angular CLI. Mike talks about exactly what Stencil.js is, a set of tools to spit out raw web components made by the Ionic folks. They discuss how Angular Elements stacks up to Stencil. Dave talks about the most important things the community needs to know about the Angular CLI, most importantly it can save you a lot of money. They each talk about their history with the CLI, and how they found that it increased speed and decreased bundle size. The panel finds Angular is less teachable than other languages, but the CLI is the key to making Angular teachable They go into detail about how the CLI can save money. They talk about some of the schematics available in the CLI and their usefulness, and which are their favorites. They end by mentioning that the schematics work off the file system, so it’s not angular specific, and that the CLI makes discoverable schematics and can run analytics. Links Angular Angular CLI Stencil.js Ionic Gulp Gump Yeoman Broccoli Bundle Basil Jest NDM- Network Data Mover NGX Build Plus Perfume Narwhal Picks Aaron Frost: RXJS Live “Like It Ain’t Nothin” by Fergie Shai Reznik: HBO’s Crashing Dave Müllerchen: NG-DE Conference 2019 JavaScript fuer Kinder YouTube Channel Mike Brocchi: "ng doc ______" to search angular.io docs via the command line Live Share from the Visual Studio team, now out of preview
Nach den Mircoservices sind Mirco-Frontends das aktuelle Hype-Thema. Wir beleuchten in dieser Folge die notwendige Entwicklung von Monolith zum Mirco-Frontends. Dabei werden auf die Chancen und Risiken eingegangen. Die Podcast Folge ist durch meinen Vortrag auf DOAG Konferenz inspiriert: WebComponents – Wiederverwendbarkeit über Frameworkgrenzen hinaus
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
En esta ocasión Carlos y Nico van a estar hablando sobre la evolución de los componentes y su integración en los navegadores. StencilJS, Angular Elements y Web Components
--- Support this podcast: https://anchor.fm/angularair/support
Panel: Ward Bell Alyssa Nicoll John Papa Joe Eames Charles Max Wood Special Guests: Peter Bacon Darwin and Megan Kingdom-Davies In the episode of Adventures in Angular the panel speaks with Peter Bacon Darwin and Megan Kingdom-Davies. Peter is an Angular Developer, known for maintaining AngularJS and the creator of Jammy. Megan is an event organizer with White October Events in the UK and has organized the Angular Connect Event. The panel and guest discuss the great environment of the conference and the business and community connections they form during the conference. In particular, we dive pretty deep on: •Angular Connect Conference details and what it is about Who is it for? What is the selling point? Creating contacts and connections Office hours of the conference Informal conference events Meeting new people in the community Closed Captioning Diversity and inclusion of the community Facilities available for gender, religious, physical, and psychological specifics How many attendees and how big is the conference - 1100 attendees/ 60 speakers Big announcements? Angular Elements Mobex Chicken Dance and much more! Links: Megan Kingdom-Davies Peter Bacon Darwin http://www.bacondarwin.com angularconnect.com Picks: Charles Why are you using AngularJS? Email or Tweet ar @cmaxw Joe •NG Conf. Cabin Pressure Joe’s Plural Sight Course on Migration Ward Burke Holland How to uppercase a stray envious code Peter Video talking about Jenny https://www.youtube.com/watch?v=VkSmaFAuaH4 John Psych Shai Solid Principles of OO Peter Stack Blitz Soonish
Panel: Ward Bell Alyssa Nicoll John Papa Joe Eames Charles Max Wood Special Guests: Peter Bacon Darwin and Megan Kingdom-Davies In the episode of Adventures in Angular the panel speaks with Peter Bacon Darwin and Megan Kingdom-Davies. Peter is an Angular Developer, known for maintaining AngularJS and the creator of Jammy. Megan is an event organizer with White October Events in the UK and has organized the Angular Connect Event. The panel and guest discuss the great environment of the conference and the business and community connections they form during the conference. In particular, we dive pretty deep on: •Angular Connect Conference details and what it is about Who is it for? What is the selling point? Creating contacts and connections Office hours of the conference Informal conference events Meeting new people in the community Closed Captioning Diversity and inclusion of the community Facilities available for gender, religious, physical, and psychological specifics How many attendees and how big is the conference - 1100 attendees/ 60 speakers Big announcements? Angular Elements Mobex Chicken Dance and much more! Links: Megan Kingdom-Davies Peter Bacon Darwin http://www.bacondarwin.com angularconnect.com Picks: Charles Why are you using AngularJS? Email or Tweet ar @cmaxw Joe •NG Conf. Cabin Pressure Joe’s Plural Sight Course on Migration Ward Burke Holland How to uppercase a stray envious code Peter Video talking about Jenny https://www.youtube.com/watch?v=VkSmaFAuaH4 John Psych Shai Solid Principles of OO Peter Stack Blitz Soonish
Panel: Ward Bell Alyssa Nicoll John Papa Joe Eames Charles Max Wood Special Guests: Peter Bacon Darwin and Megan Kingdom-Davies In the episode of Adventures in Angular the panel speaks with Peter Bacon Darwin and Megan Kingdom-Davies. Peter is an Angular Developer, known for maintaining AngularJS and the creator of Jammy. Megan is an event organizer with White October Events in the UK and has organized the Angular Connect Event. The panel and guest discuss the great environment of the conference and the business and community connections they form during the conference. In particular, we dive pretty deep on: •Angular Connect Conference details and what it is about Who is it for? What is the selling point? Creating contacts and connections Office hours of the conference Informal conference events Meeting new people in the community Closed Captioning Diversity and inclusion of the community Facilities available for gender, religious, physical, and psychological specifics How many attendees and how big is the conference - 1100 attendees/ 60 speakers Big announcements? Angular Elements Mobex Chicken Dance and much more! Links: Megan Kingdom-Davies Peter Bacon Darwin http://www.bacondarwin.com angularconnect.com Picks: Charles Why are you using AngularJS? Email or Tweet ar @cmaxw Joe •NG Conf. Cabin Pressure Joe’s Plural Sight Course on Migration Ward Burke Holland How to uppercase a stray envious code Peter Video talking about Jenny https://www.youtube.com/watch?v=VkSmaFAuaH4 John Psych Shai Solid Principles of OO Peter Stack Blitz Soonish