Contacts
Info
Join our weekly discussion about how to build top end Angular applications and become an Angular expert.
Adventures in Angular
Adventures in Angular
Unleashing Angular's Potential with WebAssembly and Rust - AiA 418
11 JUL 2024 · In today's episode, They dive deep into the fascinating world of WebAssembly and Rust with our special guest expert, https://jamm.dev/. WebAssembly, a powerful binary format, allows code to run at near-native speeds in the browser, making it ideal for high-performance tasks like video processing, gaming, and cryptography. Rust, a compiled language, seamlessly integrates with WebAssembly, elevating front-end capabilities to new heights. They explore how you can leverage these technologies in Angular, the performance benefits, and the intricacies of bundle size optimization. Plus, get insider tips on transitioning from TypeScript to Rust and the upcoming updates in Angular version 18.1. Stay tuned as Lucas and https://jamm.dev/break down the best practices and emerging trends in WebAssembly and Rust, and discover how to make applications more powerful and efficient than ever before!
Socials
- https://jamm.dev/
- https://www.linkedin.com/in/newmanoz/
- https://github.com/e-oz
Mastering Angular Testing Strategies with Ng Demo and Cypress Integration - AiA 417
4 JUL 2024 · In this episode, they dive deep into the world of Angular application testing with our special guest, Matt, the author of the Angular Mini Book and creator of the ng demo repository. They explore the essentials of unit tests, service tests, and end-to-end tests using Cypress, and discuss the intricacies of building a robust testing infrastructure with tools like Jasmine, Jest, and Storybook.
Join the hosts as they unpack the challenges and best practices in testing Angular components, using everything from JSON files in automated CI environments with GitHub actions to advanced tools like Applitools and Playwright. Lucas shares insights on achieving high code coverage with SonarQube, clean code principles, and the importance of end-to-end tests for application migration and framework testing.
This episode is jam-packed with valuable tips on creating full-stack applications, microservices, and micro frontends with JHipster, as well as discussions on the expanding tool support for Angular. So, get ready to level up your Angular development and testing game with this must-listen episode!
Socials
- https://www.linkedin.com/in/mraible/
- https://github.com/mraible
- https://raibledesigns.com/
Put A Form Around It with Sani Yusuf - AiA 416
30 JUN 2024 · In this episode of Adventures in Angular, Sani Yusuf stops by for an adventure and chats with Alyssa, Brooks & Chris about building component libraries in Nx and how he feels forms are one of Angular’s most powerful and perhaps underrated features.
Links
- https://zippopotam.us/
Picks
- Sani - https://rxjs-dev.firebaseapp.com/operator-decision-tree
- Alyssa - https://www.pluralsight.com/courses/rxjs-angular-reactive-development
- Brooks - Crocs with socks
- Chris - https://www.learnrxjs.io/learn-rxjs/operators/filtering/skipwhile
- Chris - https://www.starwars.com/news/star-wars-the-clone-wars-chronological-episodeorder
Why would you use Angular in a Startup? - AiA 415
6 JUN 2024 · Catalin Ciubotaru joins the show today to share his industry insights and the advantages and disadvantages of using Angular in a startup.
In this episode…
- Main advantages of Angular
- Moving quickly with Angular
- Developer experience and templates
- Disadvantages of using Angular
- Hiring with a startup mentality
- Startups defined
- Micro front ends and monolithic apps
Links
- https://catalincodes.com/
- https://medium.com/@utukku
- https://mobile.twitter.com/c5n_c8u
Picks
- Catalin- https://www.imdb.com/title/tt0106179/
- Catalin- https://css-for-js.dev/
- Charles- https://node-3.2000mules.com/
- Charles- https://www.goodreads.com/book/show/54493401-project-hail-mary
- Charles- https://www.goodreads.com/book/show/34988.The_Scions_of_Shannara
- Charles- https://www.cbs.com/shows/ncis/
- Charles- https://topenddevs.com/conferences
Progressive State Management with NGXS with Aliaksei Kuncevic - AiA 414
30 MAY 2024 · 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
- https://www.npmjs.com/package/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
- https://www.youtube.com/watch?v=mY9rlno7_uc
- https://www.ngxs.io/ngxs-labs
- https://www.ngxs.io/v/master/concepts/intro
Picks
- Alyssa - https://www.neuralink.com/
- Brooks - https://www.amazon.com/Allway-Tool-10031-Gallon-Silver/dp/B000I1VHG2/ref=asc_df_B000I1VHG2/?tag=hyprod-20&linkCode=df0&hvadid=216493578477&hvpos=&hvnetw=g&hvrand=11865696019252553669&hvpone=&hvptwo=&hvqmt=&hvdev=c&hvdvcmdl=&hvlocint=&hvlocphy=1014832&hvtargid=pla-350980014858&th=1
- Chris - Family booked a COVID test
- Aliaksei - Bicycle, Biking
The Easiest Way to use Angular Elements with Tomas Trajan - AIA 413
23 MAY 2024 · 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.
Links
- https://devchat.tv/adv-in-angular/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 - https://node-atl.org/
- Shai - https://netbasal.com/
- Aaron - https://www.amazon.com/How-Less-Stupid-About-Race/dp/0807039845/ref=sr_1_1?ie=UTF8&qid=1548462018&sr=8-1&linkCode=ll1&tag=devchattv-20&linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&language=en_US
- Tomas - https://www.amazon.com/Slipknot-EX/dp/B00000JCOV/ref=asc_df_B00000JCOV/?ie=UTF8&qid=1548462018&sr=8-1&linkCode=ll1&tag=devchattv-20&linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&language=en_US
Navigating Technical Hurdles: Exporting Invoices to PDF and Maintaining Rich Text Formatting - AiA 412
2 MAY 2024 · 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.
https://www.linkedin.com/in/mrinasugosh/overlay/about-this-profile/
Sponsors
- https://topenddevs.com/resume
- https://topenddevs.com/book-club
- https://topenddevs.com/sign_up
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/
Mastering Open Source Contributions with Santosh Yadav - AiA 411
25 APR 2024 · 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
- https://topenddevs.com/resume
- https://topenddevs.com/book-club
- https://topenddevs.com/sign_up
Socials
- https://www.linkedin.com/in/santoshyadavdev/
Migrating Material: AngularJS -> Angular with Michael Prentice - AiA 410
18 APR 2024 · Michael Prentice is the owner of https://www.devintent.com/and an https://material.angularjs.org/ Lead Maintainer at https://rangle.io/.
Sponsors
- https://topenddevs.com/resume
- https://topenddevs.com/book-club
- https://topenddevs.com/sign_up
Links
- https://github.com/Splaktar
- https://twitter.com/splaktar?lang=en
- https://www.linkedin.com/in/michaellprentice
Picks
- Aaron - https://www.rxjs.live/
- Brian - https://www.youtube.com/channel/UCI9syw9doBbaQzZ3b4WT6rA
- Brian - https://en.wikipedia.org/wiki/The_Umbrella_Academy_(TV_series)
- Joe - https://www.cypress.io/
- Michael - https://angular.lat/
- Michael - https://ng-bolivia.org/
- Michael - https://ng-honduras.org/
- Michael - https://ngspain.com/
- Michael - https://frontendmasters.com/
AngularJS to Angular Migration with Craig Spence - AiA 409
11 APR 2024 · Craig Spence was a developer at https://www.trademe.co.nz/ in New Zealand before he moved to Sweden to join https://www.spotify.com/. 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 https://angularjs.org/ to https://angular.io/ 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
- https://www.linkedin.com/in/craig-spence/
- https://twitter.com/phenomnominal
- https://www.trademe.co.nz/
- https://www.spotify.com/
- https://angulardenver.com/
Picks
- Aaron - https://www.oneplus.com/7pro
- Aaron - https://www.ng-conf.org/2019/speakers/chloe-condon/
- Alyssa - https://angulardenver.com/
- Shai - https://github.com/hirezio/jasmine-auto-spies
- Craig - https://frank-turner.com/
Join “Adventures in Angular” Supporters Club
Start supporting this podcast and become part of their community.
Join our weekly discussion about how to build top end Angular applications and become an Angular expert.
Information
| Author | Charles M Wood |
| Organization | Charles M Wood |
| Categories | Technology , Careers , How To |
| Website | topenddevs.com |
| chuck@topenddevs.com |
Copyright 2024 - Spreaker Inc. an iHeartMedia Company
