エピソード

  • Progressive State Management with NGXS with Aliaksei Kuncevic - AiA 414
    2024/05/30
    In this episode, Brooks, Alyssa and Chris talk with Aliaksei Kuncevič about Progressive State Management with NGXS. Aliaksei walks the crew through this progressive journey by starting small and implementing reactive services. These are services with a behavior subject. Aliaksei then demonstrates how you can migrate from reactive services to using NGXS.

    Links
    • Aliaksei’s RX-Service
    • https://www.ngxs.io/plugins/form
    • https://www.ngxs.io/plugins/storage
    • https://www.ngxs.io/plugins/cli
    • https://www.ngxs.io/v/master/concepts/intro
    • Angular Air Episode with Aliaksei (for the visual learner)
    • NGXS Labs
    • Helpful Chart to understand NGXS in a glance

    Picks
    • Alyssa - https://www.neuralink.com/
    • Brooks - Allway Tools Series Allway 10031 HM1 1 Gallon Helix Paint Mixer
    • Chris - Family booked a COVID test
    • Aliaksei - Bicycle, Biking


    Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
    続きを読む 一部表示
    1 時間 2 分
  • The Easiest Way to use Angular Elements with Tomas Trajan - AIA 413
    2024/05/23
    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. LinksAiA 256: Debunking Monorepo Myths with Victor Savkinhttps://angular-extensions.github.io/elements/ https://twitter.com/tomastrajan https://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrain - https://node-atl.org/ Shai - https://netbasal.com/ Aaron - How to Be Less Stupid About Race: On Racism, White Supremacy, and the Racial DivideTomas - Slipknot EXBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
    続きを読む 一部表示
    46 分
  • Navigating Technical Hurdles: Exporting Invoices to PDF and Maintaining Rich Text Formatting - AiA 412
    2024/05/02
    Mrina Sugosh is a Keynote Speaker, Advisory Board Member and Technical Storyteller. They delve into the world of web development and all things tech. In today's episode, they have an insightful discussion about the technical complexities of exporting invoices to PDF, the challenges of converting HTML rich text to PDF or Word documents while preserving formatting, and the importance of maintaining compatibility with front-end frameworks like Angular, React, or Vue. They explore the release schedule, customization options, and product updates related to the javascript-based rich text editor, TinyMCE. Join them as they uncover the intricacies of maintaining a rich text editor, the significance of Tiny's products for developers, and the ideal audience for leveraging Tiny's solutions. Whether you're a seasoned developer or just embarking on your coding journey, this episode promises to offer valuable insights into the complex world of web development.

    Sponsors
    • Chuck's Resume Template
    • Developer Book Club
    • Become a Top 1% Dev with a Top End Devs Membership

    Social Media
    • Unvoid
      LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
      Instagram @unvoidweb https://www.instagram.com/unvoidweb
    • Lucas Paganini
      YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
      LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
      Twitter @lucaspaganini https://twitter.com/LucasPaganini
      Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
    • Armen Vardanyan
      LinkedIn https://www.linkedin.com/in/armen-vardanyan-am/
    • Charles Wood
      Linkedin https://www.linkedin.com/in/charlesmaxwood/
    • Subrat Mishra
      LinkedIn: https://www.linkedin.com/in/subrat-k-mishra/
    • Mrina Sugosh
      LinkedIn: https://www.linkedin.com/in/mrinasugosh/


    Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
    続きを読む 一部表示
    34 分
  • Mastering Open Source Contributions with Santosh Yadav - AiA 411
    2024/04/25
    Santosh Yadav is a Google Developer Expert for Angular. They delve into the intricacies of contributing to the Angular ecosystem and demystify the challenges associated with open-source projects. They discuss the importance of long-term commitment to open-source contributions, share insights on committing to documentation, and emphasize the significance of understanding Angular's commit structure. The episode also touches upon the upcoming virtual conference, TIL Conf, and provides valuable advice for both new and experienced developers looking to make a meaningful impact in the open-source community. Tune in for an enlightening and engaging discussion on the world of Angular development and open-source contributions.
    Sponsors
    • Chuck's Resume Template
    • Developer Book Club
    • Become a Top 1% Dev with a Top End Devs Membership

    Socials
    • LinkedIn: Santosh Yadav


    Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
    続きを読む 一部表示
    52 分
  • Migrating Material: AngularJS -> Angular with Michael Prentice - AiA 410
    2024/04/18
    Michael Prentice is the owner of DevIntent and an AngularJS Material Lead Maintainer at Rangle.io.

    Sponsors
    • Chuck's Resume Template
    • Developer Book Club
    • Become a Top 1% Dev with a Top End Devs Membership

    Links
    • Michael’s GitHub
    • Michael’s Twitter
    • Michael’s LinkedIn

    Picks
    • Aaron - rxjs.live
    • Brian - Stephen Fluin - YouTube
    • Brian - The Umbrella Academy
    • Joe - https://www.cypress.io/
    • Michael - Angular Hispano
    • Michael - NG Bolivia 2019
    • Michael - NG Honduras 2019
    • Michael - ngSpain
    • Michael - Frontend Masters


    Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
    続きを読む 一部表示
    54 分
  • AngularJS to Angular Migration with Craig Spence - AiA 409
    2024/04/11
    Craig Spence was a developer at Trade Me in New Zealand before he moved to Sweden to join Spotify. Trade Me is New Zealand's biggest website and it is similar to eBay where people buy and sell lots of different items. Craig talks about his experiences migrating Trade Me from AngularJS to Angular and the challenges they faced. One of the tips Craig has for the audience is when faced with a problem it is better to ask for help from those who have been in similar situations before, rather that attempting to solve it alone. The panel also agrees that developers should stop writing in AngularJS and make the decision to move forward. Craig recently started working at Spotify in Sweden and is dealing with a challenging bug that has lasted for over 13 days.


    Links
    • Craig's LinkedIn
    • Craig's Twitter
    • Trade Me
    • Spotify
    • Angular Denver

    Picks
    • Aaron - OnePlus 7 Pro
    • Aaron - Chloe Condon - NG-Conf
    • Alyssa - Angular Denver
    • Shai - https://github.com/hirezio/jasmine-auto-spies
    • Craig - Frank Turner


    Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
    続きを読む 一部表示
    41 分
  • Ngrid with Shlomi Assaf - AiA 408
    2024/04/04
    In this week’s episode of Adventures in Angular the panel interviews Shlomi Assaf, talking about ngrid. After some playful banter about the naming of Ngrid, Shlomi shares the reasons behind building ngrid. The company he was working for at the time need a grid, he tested nggrid but wanted something completely opensource, so he built one. He also explains that nggrid caused some problems in their project which made him want something more customizable. Shlomi explains how much work is needed on the application and asks listeners to contribute to documentation or other areas of the project. Shai Reznik endorses Shlomi as one of the smartest peoples he knows and tells listeners if they want to learn from someone who knows a lot about angular to step up and join this project. The panel asks about the challenges Shlomi faced while building this app and what it was like using the CDK. Nggrid has a how company working on it but ngrid has only Shlomi. Shlomi explains that the CDK had a lot of the building blocks need to building blocks to build this application and was the power behind the project. The CDK’s lacks the ability to extend easily which was a challenge. He explains that his biggest frustration while building the application was the drag and drop feature. Shlomi shares many of the features he built into the application that even though he built it over a three year period he could do it piece by piece because of the way he designed it. He considers the selling points of the application and shares them with the panel. Shlomi compares ngrid to other grid, explaining how templating, creating columns and pagination are all made easier with ngrid. With ngrid there is also virtual scrolling and you can control the width of each column. Next, the pane considers performance, asking how the grid would handle if you loaded thousand or even tens of thousands of records and data onto the grid. Shlomi explains that unless the cells were extremely complex that ngrid’s performance would not suffer. The panel how ngrid could work with serverside rendering but not with NativeScript. Shlomi explains version support and advises listeners to use Angular 8. The panel ends the episode by sharing information about next year's ng-conf. Tickets go on sale on October 1, 2019, the best deals go fast so watch out for them. Many of the panel will be there, Brian Love will be giving the Angular Fundamentals Two-Day Workshop. The CFP also opens October 1, 2019, and will close January 1, 2019. Aaron Frost invites anyone who would like to submit to reach out to the veteran panelists to nail down ideas for their conference proposals. He also recommends submitting more than one. SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinkshttps://www.npmjs.com/package/@pebula/ngrid https://shlomiassaf.github.io/ngrid/ https://www.ng-conf.org/speakers/ https://twitter.com/aaronfrosthttps://twitter.com/brian_love?lang=enhttps://twitter.com/AlyssaNicoll?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthorhttps://twitter.com/shai_reznik?lang=enhttps://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrian - NG-DE 2019 Brian - Angular ConnectShai - The magic of RXJS sharing operators and their differencesShai - Let Me Off at the Top!: My Classy Life and Other Musings Aaron - Connecting with your childrenShlomi - How we make Angular fast | Miško HeveryBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
    続きを読む 一部表示
    42 分
  • Angular CLI and NX: Managing Libraries and Runtime Translation - AiA 407
    2024/03/28
    Alan Agius is a Software Engineer at Google. Lucas and Alan dive into the world of Angular development with a focus on internationalization and library management. They unpack the latest features of Angular 17.3, including improvements to Angular CLI, and shed light on the upcoming developments in version 18. They explore the nuances of runtime and build time translations, share insights on integrating NX with Angular projects, and discuss the use of Bazel for building frontend and backends in a single repository. They also highlight a third-party library called Transloco that leverages Angular Internationalization's runtime capabilities. Get ready for a deep dive into Angular and internationalization on this episode of Top End Devs!


    Sponsors
    • Chuck's Resume Template
    • Developer Book Club
    • Become a Top 1% Dev with a Top End Devs Membership

    Social Media
    • Unvoid
      LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
      Instagram @unvoidweb https://www.instagram.com/unvoidweb
    • Lucas Paganini
      YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
      LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
      Twitter @lucaspaganini https://twitter.com/LucasPaganini
      Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
    • Armen Vardanyan
      LinkedIn https://www.linkedin.com/in/armen-vardanyan-am/
    • Charles Wood
      Linkedin https://www.linkedin.com/in/charlesmaxwood/
    • Subrat Mishra
      LinkedIn: https://www.linkedin.com/in/subrat-k-mishra/
    • Alan Agius
      LinkedIn: https://www.linkedin.com/in/alan-agius-98804460/




    Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
    続きを読む 一部表示
    40 分